Readability 三個優化網頁易讀性的瀏覽器書籤工具,輕鬆把網路當電子書來閱讀

readable-01「讀」網路,確實在我的生活中取代了許多原本「讀」書、「讀」報的時間,從這個意義上來看,其實整個網路與其上的內容,早就已經是一套世界上最龐大、最有彈性的百科「電子書」。而在這個網路世界中,每天都有大量的內容被以各式各樣的方式「出版」著。

只是這樣的「閱讀」方式,有時候不是那麼的輕鬆愜意。大多數網頁中都會整合了很多功能性的物件,大多數人對於網路也是抱持著「取用」的心態:所以一方面網站主人會在網頁中放入很多操作性的功能,放入很多關鍵字,喜歡條列而不在乎敘述;另外一方面訪客其實也常常不以一個閱讀者自居,而是像一個超級市場裡的購物者一樣,只想第一時間買到有用的東西然後快速離開。這樣的情況下讓網頁內容可能很好用,但不一定很好讀

我大多時間也都是在「取用」網路,例如我因為想要找一個專有名詞的意義而透過搜尋進入一篇文章,並找到出現那個關鍵字的特定段落,我簡單瀏覽一下並獲得所需後就離開,這就是很多人說網路使用者習慣「跳躍式閱讀」的原因,如果從正向的角度來看,其實應該說我們是在進行著「取用」的動作,這是一種工作方法的進步。

只是,有時候我也會想要好好「閱讀」,把一篇文章從頭讀到尾,並且仔細去思考作者的意思,這時候我就不是單純為了取用,而是想要去「理解」,理解一篇文字可能蘊含的各種意義,或者理解文字背後的那個對象,而要真切的去理解對方就不能用跳躍的方式,也不能先預設一個自己要怎麼利用的立場,必須要更多專心、更有耐心。「取用」和「閱讀」都是很好的網路使用方式,但問題在於現在大多數的網頁版面設計都不是很適合「閱讀」的視覺需要。

所以今天我要來推薦三個簡單的書籤工具,分別是Readability、ClippableReadable,其功能皆是讓你快速獲取網頁中的「主文內容」,去除掉所有多餘的邊欄工具、廣告物件,並且幫你重新調整文字版面樣式,強化內容的易讀性,幫助你可以好好靜下心來在電腦螢幕前、在網路上讀完一篇你想讀的電子文章。

 

01.Readability:http://lab.arc90.com/experiments/readability/

這個服務之前有不少部落格介紹過了,來到網站後,你可以透過「Style」選擇版面樣式,透過「Size」選擇字體大小,透過「Margin」選擇文字與邊框的間距。

readable-02

選擇完畢後,將〔Readability〕按鈕連結拖曳到你的書籤工具列上(適用Firefox瀏覽器),或者是在按鈕連結上按滑鼠右鍵選擇加入書籤(適用IE瀏覽器)。

readable-063

以後來到想要好好閱讀主文內容的網頁,就可以按下書籤裡的「Readability」項目,這時候會自動幫你去除多餘網頁元件,只保留主文內容,並且調整網頁字體、版面樣式到你之前預設的樣子,左上方還有功能按鈕讓你列印或郵寄轉換後易讀性更佳的網頁。

readable-04readable-05

 

02.Clippable:http://brettterpstra.com/share/readability2.html

接下來這個網頁功能差不多,直接把網頁中的「Clippable」按鈕連接用上述相同方法加入書籤即可。

readable-07

同樣的來到你想好好閱讀的網頁,或者你覺得版面讀起來很不舒服的網頁,都可以直接按下書籤裡的「Clippable」項目,就會幫你把網頁轉換成字體適中、間隔舒適、刪除多餘元件的易讀版面。

readable-08readable-09

 

03.Readable:http://readable-app.appspot.com/setup.html

最後這個「Readable」網頁服務是功能最豐富的,來到其設定頁面,你可以自訂包含字型、字體、版面寬度、文字間距、版面配色等等細節,調整出一個你個人覺得閱讀起來最舒適的文章版型。

或者你可以勾選「Check to enable Full Control」,還可以開啟更多項目的細節調整。如果你懶得自己慢慢設定,那就直接勾選「Use Better Web Readability」,這樣網站會直接給你一組預設好的易讀版面設定值

readable-10

設定好你想要的版面細節後,到Bookmarklet處將〔Readable〕按鈕連結加入書籤即可。

readable-12

以後來到網頁中,按下書籤項目裡的「Readable」,這時會用黑色透明薄幕遮住原始網頁內容,然後以一個白底黑字的彈出畫面顯示該網頁裡的主文。

readable-13

「Readable」這個服務還有一個我喜歡的小功能,你可以先用滑鼠反白圈選網頁中的特定圖文內容,接著才按下「Readable」書籤項目,這時候就會針對你所圈選的內容部分來進行易讀性強化的轉換。這樣一來就多了許多彈性使用空間。

readable-14readable-15

 

  • 小結:

有時候你是不是會遇到那種字體設定得過小的文章?或者看到那種太過刺眼的底色、太過鮮豔花俏的字體色彩?還是說那個網頁太多五花八門的邊欄元件干擾了你的閱讀?

以上各種情況都可能阻礙我們好好去讀完一篇文章的心情,這時候就可以利用上述三個工具之一,只要輕輕點擊一下書籤工具,網頁的「主文」馬上就可以用更易讀的方式呈現在我們的面前,讓我們更容易看清楚文章本身,更輕鬆的來閱讀網路這本巨大的電子書。

留言

  1. Readability變更過的頁面,似乎就解決了firefox網頁過長導致底下內容看不到的bug

    回覆刪除
  2. 喔? 有這樣的bug阿? 可能我還沒有遇到過

    回覆刪除
  3. 有三個呢
    不過我只是用過第一個,會有將網頁文章理的視頻切掉的缺點

    不知道另兩個匯不匯呢??

    回覆刪除
  4. Firefox的一個擴展Tidy Read(有bookmarklet版本)亦是此種工具

    回覆刪除
  5. 很好用的小工具!
    尤其是第三個
    可以調的項目最多,效果看起來也最舒適。

    回覆刪除
  6. art1 說的不知道是不是 Discuz 的文章過長導致下半部都空白的狀況,那個新版的 Discuz 已經解決掉了,而且交換測試下只有 Fx 會出那問題

    回覆刪除
  7. a. 謝謝推薦!很實用!以後看到太複雜的版面,就先用這些服務清理一番再看。
    b. 發現 readable 跟 tidyread 兩個服務,功能都滿齊全的。前者的選字功能,以及後者可線上改版面的功能都很實用;加上有時一個剖析得不太好的時候可以換另一個。所以建議大家把兩個都留著。

    我是用 google chrome ,沒外掛,因此上述兩個服務,我都是用bookmarklet版本。

    回覆刪除
  8. 確實,多保留幾個替換是比較好的

    回覆刪除
  9. 您好
    您提供的資訊非常實用 我很喜歡也是忠實支持者
    我想使用readable, 可是無奈把標籤加入我的最愛列之後 每次點了 都還是設定頁面 沒辦法正常使用 請問問題出在哪裡? (我用windows 7)

    回覆刪除
  10. 确实是第三个的排版最好,起码在电脑玩物里面也不会乱掉。可是他在这个页面却丢失了元素:
    增加网页易读性的浏览器按钮(bookmarklet) for Firefox - planetoid's blog
    http://planetoid.info/weblog/2007/03/15/000659.html
    而前面两个不会丢失。

    回覆刪除
  11. 作者已經移除這則留言。

    回覆刪除
  12. Re Dina:
    我也不太清楚你遇到的問題的原因。

    Re Rosying:
    丟失內容可能和其版面的繼續閱讀等語法有關,
    另外第三個工具可以先圈選內容再優化,這樣就沒有丟失內容的問題了。

    回覆刪除
  13. 閱讀完後想還原回原網頁的設定
    請問要怎麼做?

    回覆刪除
  14. 我在想~如果修改一下這些網站提供的書籤工具的URL,能不能變成Blogger裡的友善列印功能按鈕......不過我找不到書籤工具URL的規律......

    回覆刪除
  15. 作者已經移除這則留言。

    回覆刪除
  16. 這幾天把Google Reader相關文章都看過了,對Google Reader總算熟了很多XDD不然之前都一知半解,謝謝

    回覆刪除
  17. 這樣省去廣告版面的閱讀需求在Evernote可以看到、google Reader,Mac的safri的瀏覽器有內建“閱讀器”功能,人們需要美一點的閱讀版面的需求,而廣告版位有時真的是一種閱讀阻礙

    回覆刪除
  18. very amazing post, I like It, Thank you for presenting a wide variety of information that is very interesting to see in this artikle, good job adnd succes For you

    Ingin Liburan Ke karimun jawa dengan aman dan nyaman di karimunjawa ? Ingin Paket Wisata Karimunjawa dan gak murahan? Hubungi Kami "Raja Karimunjawa" biro lokal asli Karimunjawa . Untuk Book Paket Karimunjawa dan Tour Karimunjawa , silahkan hubungi kami karena kami biro karimunjawa dan trevel karimunjawa terpercaya. Paket wisata karimunjawa Murah tapi mewah, murah tapi gak murahan. Kepuasan Wisata Karimunjawa anda di pulau Karimunjawa adalah kebahagia'an dan tujuan kami. Terimakasih telah mempercayakan paket karimunjawa bersama kami Agen Wisata Karimunjawa.

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

ChatGPT Search 實測:用 AI 搜尋生成即時報導、摘要文章、整理改寫內容

Slack 完整教學與上手心得:找到正確的團隊溝通之道

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

Google Maps 我的地圖完全教學!規劃自助旅行攻略

為什麼大家愛用 Trello ?最佳整理教學讓事情井然有序

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

Google 表單自動關閉回覆教學:時間人數到達就過期

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學

Notion 表單兩個應用案例教學:建立客服網頁,讓專案團隊回報資料更方便