2011/02/02

閱讀優化-Readability

[Readability]能夠將網頁的主文部分轉換到一個乾淨的頁面,去掉版頭、版邊等干擾閱讀的東西,讓文件變得清爽易讀。

如上圖,左圖為原來的網頁,右圖為經過[Readability]優化的網頁。

將[Readability]作成瀏覽器的書籤(bookmarklet)

[Readability]的使用方法是在瀏覽器的書籤工具列上增加一個「書籤」。步驟如下:

1.Select Your Settings

來到[Readability],首先在「1.Select Your Settings」設定閱讀版面,可以調整的選項有4個,包括:

(1)Style:版面樣式

(2)Size:字體大小

(3)Margin:邊界寬窄

(4)Convert hyperlinks to footnotes: 將超連結轉換為「註腳」。這個選項很特別,可以將文件中超連結部分,轉換為像WORD的「註腳」,「註腳」以數字編號,並集中置於文件的最後。

以上選項會同步在 Example 顯示版面效果。

2.Add Your Bookmarklet

接下來,將[Readability]作成瀏覽器的書籤(bookmarklet)。先將 Firefox 的「書籤工具列」打開,然後將[Readability]拖曳到書籤工具列上,這樣,就完成了。

以後,只要在書籤工具列上按一下[Readability],即可將網頁轉換成容易閱讀的版面了。

不想這麼麻煩的話:

■Firefox 附加元件:[Readability]

Firefox安裝這個附加元件後,按一下在狀態列最右邊的[R]鍵,即可直接轉換網頁。按滑鼠右鍵,可設定選項。

■Chrome 擴充功能:[Readability Redux]

Chrome安裝這個擴充功能後,則會在工具列出現[R]鍵。

■[Readability]功能說明:

在優化網頁上的左上方有3個按鍵,

第1個是回復原始的網頁;

第2個是列印:針對一些不提供友善列印的網頁,這個功能最好用;

第3個是郵寄:好像不太靈光。

沒有留言:

張貼留言