2014年6月9日

打造舒適閱讀體驗__讓 Chrome 只放大縮小文字(Zoom Text Only 套件)

A+
由於每個網頁預設的字體大小不一,為了讓眼睛能舒適、長時間閱讀,縮放網頁文字是瀏覽器必要功能。Chrome 能藉由按下 Ctrl++Ctrl+- 來縮放頁面大小,不過這並非友善的閱讀設計,因為文字雖然變大了,但常常閱讀區塊也隨之變大,導致區塊右邊超出螢幕範圍,而看不到右邊的文字。

因此要打造舒適閱讀的體驗,必須只針對文字來縮放,而頁面所有其他元素保持不變,這才是最佳解決方案。本文要介紹的 Chrome 套件「Zoom Text Only」,正是符合以上敘述的要求。



一、安裝套件





按下右上角的「免費」即可安裝




上圖為展示效果之用,如果覺得 WFU BLOG 的文字不夠大,使用 Zoom Text Only 後,可無限放大文字比例,但文章區塊寬度仍保持不變。



二、縮放文字操作


1. 使用滑鼠

安裝完畢後,右上角會出現一個放大鏡的圖示,如下圖紅框──



點擊圖示後,有三種操作方式:

  • 放大文字:點擊圖中的 "+" 按鈕
  • 縮小文字:點擊圖中的 "-" 按鈕
  • 恢復預設大小:點擊圖中的 "Reset" 按鈕


2. 使用快速鍵

比較方便的操作為使用鍵盤快速鍵,預設的組合鍵如下圖:



  • 放大文字:Alt+=
  • 縮小文字:Alt+-
  • 恢復預設大小:Alt+0



三、操作心得


這個套件的設計還談不上五顆星,但目前在 Chrome 找不到更好的選擇。操作上可以改進的地方是組合鍵的設定,因為預設按鍵組合並不方便。

當使用完 Chrome 預設的 Ctrl++Ctrl+- 縮放頁面後,再使用 Alt++Alt+- 這樣的組合鍵來微調文字,是比較方便的操作。

但這個套件無法定義鍵盤最右邊那個區塊的加號 "+",這讓我們得想辦法使用別的按鍵組合。最後 WFU 使用的按鍵組合如下:



  • 放大文字:Ctrl+
  • 縮小文字:Ctrl+
  • 恢復預設大小:Ctrl+`




讀者也可依自己習慣來設定組合鍵,不過使用特殊鍵時,務必使用上圖作者提示的字串名稱,例如「向上鍵」改成 "up"、「向下鍵」改成 "down",否則組合鍵就無效了。


Chrome 相關套件:

5 則留言:

  1. 安裝後,稍微【玩】了一下,

    網頁文字 → 好像不會 放大、縮小(一點動靜都沒有),不知道 哪邊出了問題??

    回覆刪除
  2. <7705341408998495170>(以上內容請勿刪除,從括號之後開始留言)瀏覽器的套件狀況,只能由你那裡自己測試了喔,可以按以下順序:

    1. 是否重新啟動瀏覽器
    2. 是否在一般頁面(例如chrome、或套件的設定頁面不能執行)
    3. 快速鍵的設定有沒有設定對?換別的按鍵試試看,或先用右上角的放大鏡圖示測試
    4. 以下是作者在安裝網頁的聲明:

    Known bugs:
    - There is a small delay from when the page loads to when it gets zoomed. Only way to fix this is for chrome devs to implement this functionality natively.

    - Some pages which use a lot of javascript to render parts of the page don't get the zoom applied (i.e. twitter.com)

    回覆刪除
  3. <1288176514282730750>(以上內容請勿刪除,從括號之後開始留言)

    感謝板主,我再來 試試看。感恩。

    回覆刪除
  4. <1288176514282730750>(以上內容請勿刪除,從括號之後開始留言)板主,這 擴充功能 太好用了。

    譬如:痞客邦 的 部落格 預設的字體 太小、看了很吃力,透過這個 擴充功能,將 網頁文字 放大放大再放大,

    文字放大了 → 方便閱讀
    網頁的格式 → 不會跑掉

    如此一來,痞客邦 的 部落格,看起來,舒服多了!

    感謝板主

    回覆刪除
  5. <3857056703237551374>(以上內容請勿刪除,從括號之後開始留言)原本我使用某個滑鼠手勢套件,用滑鼠就能放大縮小文字,結果最近 chrome 封鎖了所有非商店的套件,所以另外找到了這個套件 ^^

    回覆刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
提問請附網址、詳細描述狀況,如提供的資訊不足,則無法回覆。
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 若詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為 "複製貼上" 的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。
◎ 本站「已關閉自刪留言功能」。