2012/09/16

Firefox Add-ons 專注/閱讀模式(Focus mode, Reader Mode)

Firefox 專注/閱讀模式(Focus mode, Reader Mode)
儘管有越來越多的多媒體應用於網頁顯示,但閱讀仍然是最常見的網頁行為。
使用者今後將可以自定義網頁的重新排版過程,專注於內容本身,
而不是廣告和導覽,以此帶來閱讀長篇網文時的絕佳體驗。

具有此功能的擴充套件這裡羅列了一些來做比較,
這類套件會提取網頁文章的正文部分,
去除其他干擾閱讀的元素,讓使用者專注於閱讀內容本身,
提取的方式是連續大段的文字排版在一個 block(XPath, div) 裡面

以名稱排列:
Column Reader
Evernote Clearly
iReader
Readability
Readable
Reader
Tranquility

由小而大排列:
2012/08/20 11:03 15,429 column_reader-2.1-fx.xpi
2012/05/23 00:54 64,891 tranquility-1.1.2-fx.xpi
2012/04/23 10:19 65,320 readable-0.8-fx.xpi
2011/06/23 08:12 70,016 ireader-1.0.7-fx.xpi
2012/05/09 16:29 107,232 readability-2.3-fx.xpi
2012/06/20 04:08 382,926 (evernote_)clearly-6.3337.321.777-fx.xpi
2012/08/21 05:47 548,130 reader-3.8-fx.xpi
2012/09/25 08:21 1,088,519 evernote_clearly-7.3346.272.888-fx.xpi

column_reader-2.1-fx.xpi
這個才 16KB 的卻還蠻花俏的,
不過上面的設定圖示,點按切換的很吃力...
看大區塊的文字新聞,圖示也不會變成綠色?!
整體切換的還算舒服。

tranquility-1.1.2-fx.xpi
在工具選單裡可以選取,
文字內容太少的畫會一直出現一個煩人的倒數 5 秒跳轉回原頁面的訊息框,
但明明內容很明顯的也是最多文字的,它還是會嫌太少... 也不給調...
預設的背景圖也是醜爆了!回到原網頁是再點圖示一次。
獨特的有選擇文字右鍵,可以到維基百科或維基詞典做查詢!
還可以設定維基的語言。
可是視窗彈出來大小也不能調,有時好像沒詞彙還會把原本的網頁吃掉...

readable-0.8-fx.xpi
附加元件列圖示,
文字內容太少會出現提示,有 2 種方法還是可以選擇閱讀的區塊:
Option 1: Hold down the Control key (Ctrl) — Command (CMD) key on MAC — on your keyboard. Then, start moving your mouse around the page. As you move the mouse, various sections of the page will be highlighted. When the section you want is higlighted, click it (all the while still holding the Ctrl key down).
Option 2: Select the content with your mouse and then click the bookmarklet again — please note that, after selecting the content, instead of clicking the bookmarklet, you can also ctrl-click the selected text itself.
第 2 種不是點書籤... 是點該套件的圖示...
真是個悲劇的說明,我也是跟後面那個 reader 比對才發現內容怎不一樣...

ireader-1.0.7-fx.xpi
貌似最早的閱讀模式套件的樣子...
有多文字的框才會在網址列顯示圖示,
顏色不能調,
最嚴重有個 Bug,就是關掉以後不能再次點按,
必須重新整理該頁面後才能再次點選...

readability-2.3-fx.xpi
載入速度比較慢,發現原來是連回官網做處理的關係,
不僅改變網址,可能還會被追蹤...
網路關掉就不能用了,真是悲劇...
顏色不能調,
下面還有個手機的廣告...
可以傳送的 Amazon Kindle(金讀)

clearly-6.3337.321.777-fx.xpi
Evernote 出品的,果然比較像樣了...
Clearly 可使部落格內容、文章與網頁乾淨而容易閱讀。
只要將其儲存至 Evernote 便可隨處存取閱讀。
在工具選單裡可以選取 印象筆記閱讀,
強在它的自定義主題,選更多選項,
還有自定義 CSS 了,這個就是閱讀模式的終極表現了!
要什麼自己改成喜歡的樣式都可以,
不像其它的可能只有幾個選項而已。
小缺點就是選項的寬度較寬(左邊放了一個大 Logo),
在 1024px 的寬度要拉捲軸,而選項視窗又鎖住最大化...
v6.3337.321.777 在語系套用上有 Bug,任何語系都顯示為簡體中文...
在下一版 v7.3346.272.888 修復但新功能和語系體積就暴肥近三倍 1,088,519 Bytes...
說是為了支援 Retina Display(視網膜顯示)
需要有多種尺寸,包括更高解析度的圖形資源。

reader-3.8-fx.xpi
沒啥特別功能檔案卻寫很大...
文字內容太少會出現提示,有 2 種方法還是可以選擇閱讀的區塊:
跟 readable 的內核感覺一樣...
但第 1 種試了卻不會高亮...?!

結論:Evernote Clearly > Column Reader >
Readable > Reader > Tranquility > iReader > Readability

相關:[前瞻] Firefox 正在启动阅读模式的开发 • Mozilla Firefox中文社区
不過我都直接使用自己訂製的 JavaScript 小書籤按鈕
來強制顯示網頁文字的 CSS 就 OK 了!
區塊寬度也可調整,再配合放大鏡閱讀小說也不會累了...

沒有留言:

張貼留言