
如果經常在網路上搜尋資料,必須要閱讀非常大量的內容,可能已經習慣每個網站的排版樣式,事實上現在的網站都充斥不少廣告或是和內容無關的圖片,就我的經驗來說以電腦開啟通常可以很快找到想看的內容,使用行動裝置可能會先跳出蓋版廣告、彈出式廣告或是其他會干擾閱讀的元素,開始閱讀前已經花費許多時間在等待和尋找關閉按鈕。現在已有一些瀏覽器內建閱讀器,或是透過閱讀器相關的擴充功能將網頁內容快速轉為更適合使用者閱讀習慣的樣式,統一不同網頁的字型、文字大小、行高和間距後在閱讀上更有效率。
本文要介紹的「Reader Mode」是一個免費 Chrome 擴充功能,從字面上意思就知道它是一個閱讀工具,只要安裝後在網頁上點選 Reader Mode 按鈕就能開啟閱讀模式,將網頁快速轉為使用者預先設定的字型、頁面寬度、文字大小、行高及間距,並移除掉廣告或是會干擾閱讀的部份,讓注意力可以更集中在內容上。
Reader Mode 也內建文字轉語音功能,可以把內容直接唸出,讓我們在一邊聆聽時可同時進行其他工作。
這個擴充功能提供不同的佈景主題風格,像是亮色、暗色模式切換,不過因為它提供 Pro 和 Premium 付費升級選項,因此有些設定值是必須在付費後才能開啟,但免費版其實就已經涵蓋基本使用的選項,除非你需要的功能只有 Reader Mode 才有,不然應該也能找到其他替代方案。
類似的閱讀器擴充功能包括 Mercury Reader、Fika,有興趣的朋友也可以研究看看。
Reader Mode
Chrome 線上應用程式商店
使用教學
STEP 1
以 Google Chrome 或 Microsoft Edge 瀏覽器開啟 Reader Mode 頁面,點選右上角「加到 Chrome」安裝。

安裝後 Reader Mode 按鈕會顯示於右上角,在文章或新聞頁面點選即可進入閱讀模式。

STEP 2
Reader Mode 預設排版和配色相當乾淨、簡約,上方會標示來源網址、作者和估計閱讀時間(不過這僅限於英文內容,中文部分不準確),原有網頁只會保留標題、內容和圖片,將廣告及其他不相干或可能干擾閱讀的元件通通移除,在閱讀上就會更加集中注意力。
順帶一提,因為免費資源網路社群在圖片上使用延遲載入(Lazy Load)技術,透過閱讀器會出現圖片無法載入等問題,如果遇到類似情形,建議可以先在原始頁面往下捲動,讓圖片完整載入後再開啟閱讀模式。

STEP 3
點選右上角的設定按鈕可以調整樣式,像是字型、頁面寬度、文字大小、行高和字元間距。

有些選項會標示鑽石代表必須付費升級才能自定,但也都會保留一定可免費使用的選項。

STEP 4
Reader Mode 提供「佈景主題」功能可快速切換配色,免費版只有亮色、深色兩種選項,在細部的顏色無法進行調整或自定,不過我個人覺得兩種配色就很夠用。其實在擴充功能裡可以設定的選項還蠻多的,認真研究起來可以產生一個完全符合自己閱讀喜好的顯示風格,甚至還能自訂 CSS 樣式表或自動翻譯。

STEP 5
前面介紹有提到 Reader Mode 還有文字轉語音的閱讀功能,只要點選右上角 Text to Speech 按鈕開啟即可,開啟後就會看到播放選項,可調整閱讀速度、音調和音量。

在台灣的繁體中文部分有兩種聲音可以選擇,包括 Mei-Jia(zh-TW)和微軟的 HsiaoYu Online,如果你想讓它唸其他語言的內容,只要找到對應的國家代碼即可。

STEP 6
最後再介紹一個 Reader Mode「儲存」功能,它可以把這篇文章儲存到擴充功能,點選右上角「保存」按鈕後點選「Save」就能將頁面儲存起來。

不過它儲存的項目也很簡單,就只會保留一段網址而已,不像 Pocket 這類的稍後閱讀服務還會有網址的標題、說明和略縮圖可以查閱,但相對來說暫存在 Reader Mode 的網址也可以快速存取,重點是和書籤部分分開,不用擔心會搞混在一起。

值得一試的三個理由:
- 在瀏覽器加入閱讀器模式,開啟後將內容轉為更易於閱讀的樣式
- 可設定字型、文字大小、頁面寬度、間距或是配色風格
- 內建文字轉語音功能,可直接將網頁內容唸出來