Home > Applications, Chrome > 高效網頁瀏覽

高效網頁瀏覽

本文針對Chrome瀏覽器,匯整高效網頁瀏覽的各項操作,主要是由快捷鍵及手勢推動,鍵盤和滑鼠操作互替互補,由淺入深,愈往後的自訂性愈強,學習曲線愈陡峭,需要記憶的操作愈多。第一至三項是關於Chrome本身的快捷鍵及功能,第四至七項是Chrome的擴充功能,由於擴充功能會耗用資源,因為請視乎電腦硬件配置安裝。粗體紅色表示提醒自己甚少注意到的快捷鍵。(警告:以下方式只適合喜歡折騰的人)

1. 熟悉Windows系統的基本快捷鍵

幾乎所有Windows軟件都用得到,非常基本以及實用的Windows內置快捷鍵,之前的文章亦有提及:

文字編緝

  • Ctrl+A,全選
  • Ctrl+X,剪下
  • Ctrl+C,複製
  • Ctrl+V,貼上
  • Ctrl+Shift+V,純文字貼上
  • Backspace,刪掉左邊單字
  • Delete,刪掉右邊單字
  • Ctrl+Backspace,刪掉左邊單詞
  • Ctrl+Delete,刪掉右邊單詞

視窗操作

  • Alt+F4,關閉視窗
  • Ctrl+O,打開電腦文件
  • Ctrl+S,儲存目前網頁
  • Ctrl+P,打印目前網頁
  • Ctrl+F,在網頁上搜尋
  • Ctrl+G/F3,搜尋下一個匹配項
  • Ctrl+Shift+G/F3,搜尋上一個匹配項
  • Alt+Left/Backspace,回上一頁
  • Alt+Right,回下一頁
  • Alt+Home,打開主頁
  • Home,回到頁首
  • End,回到頁尾
  • Esc,停止載入
  • F5,重新整理
  • Ctrl/Shift+F5,清除緩存後重新整理

2. 熟悉Chrome瀏覽器的基本快捷鍵

除了Windows內置快捷鍵外,Chrome亦有自己的專用快捷鍵,之前的文章亦有提及:

分頁操作

  • Ctrl+T,打開新分頁
  • Ctrl+Shift+T,復原已關閉分頁
  • Ctrl+N,打開新窗口
  • Ctrl+Shift+N,在隱身模式下打開新窗口
  • Ctrl+W/F4,關閉目前分頁
  • Ctrl+MouseScrollUp/+,放大目前網頁
  • Ctrl+MouseScrollDn/-,縮小目前網頁
  • Ctrl+0,將網頁恢復到正常大小
  • Ctrl+1…8,切換到指定位置編號的分頁
  • Ctrl+9,切換到最後一個分頁
  • Ctrl+Tab/PgDn,切換到下一個分頁
  • Ctrl+Shift+Tab/PgUp,切換到上一個分頁

工具快捷鍵

  • Alt+E,開啟工具選單
  • Shift+Alt+T,將焦點設置在工具欄上
  • Ctrl+D,將目前網頁加入書籤
  • Ctrl+U,查看原始碼(javascript:location=’view-source:’+document.location.href;)
  • Ctrl+Shift+B,打開和關閉書籤欄
  • Ctrl+Shift+O,打開書籤管理器(chrome://bookmarks/)
  • Ctrl+H,查看記錄(chrome://history/)
  • Ctrl+J,查看下載(chrome://downloads/)
  • Shift+Escape,查看工作管理員

連結快捷鍵

  • Ctrl+Click,在後台新分頁中打開連結
  • Ctrl+Shift+Click,在前台新分頁中打開連結
  • Shift+Click,在新視窗打開連結
  • Alt+Click,下載連結

3. 熟悉Chrome網址列Omnibox操作

Chrome的主要特色是網址列Omnibox,除了可以直接輸入網址外,亦可以搜尋網頁,更可以搜尋瀏覽器應用程式、書籤、瀏覽紀錄和相關項目,功能異常強大。

網址列快捷鍵

  • F6/Ctrl+L/Alt+D,選取網址列
  • Alt+Enter,在新分頁中打開網址
  • “bing”+Ctrl+Enter → http://www.bing.com
  • “Youtube”+Tab+”cat”+Enter → 在Youtube中尋找”cat”

Chrome其中之一最強大的地方,在於其自訂搜尋引擎功能,除了瀏覽器會自動新增搜尋引擎外,用戶亦可在chrome://settings/searchEngines中新增及管理搜尋引擎,設置關鍵詞。例如設置Youtube搜尋的關鍵詞是”y”,Wikipedia是”w”,中文維基百科是”z”,Google Lucky是”l”,Google Translate(zh-TW)是”t”,可在網址列輸入:

  • “y”+Tab+”cat”+Enter → 在Youtube中搜尋”cat”
    (http://www.youtube.com/results?search_query=%s)
  • “w”+Tab+”cat”+Enter → 在Wikipedia中搜尋”cat”
    (http://en.wikipedia.org/w/index.php?search=%s)
  • “z”+Tab+”cat”+Enter → 在中文維基百科中搜尋”cat”
    (http://zh.wikipedia.org/w/index.php?search=%s)
  • “l”+Tab+”cat”+Enter → 在Google Lucky中搜尋”cat”
    (http://www.google.com/search?btnI&q=%s)
  • “t”+Tab+”cat”+Enter → 將”cat”透過Google Translate翻譯成繁體中文
    (http://translate.google.com/?text=%s&hl=zh=TW&langpair=auto|zh-TW)

4. 使用Mouse Stroke擴充功能

以前用Firefox時,會用Fire Gestures,後來改用Chrome,便轉用Mouse Stroke,功能是透過拖曳不常用的滑鼠右鍵,完成基本操作。一開始使用時會不習慣,習慣後會愛不釋手,減省滑鼠由頁面移至左上角、右上角的時間。Mouse Stoke已從Chrome Web Store移除,但暫時仍可在Google Codes找到。(Google Reader的教訓令我明白到雲非安全,備份為上。)常用的操作包括:

  • ←,回上一頁
  • →,回上一頁
  • ←↑,回到頁首
  • ←↓,回到頁尾
  • ↑←,切換到上一個分頁
  • ↑→,切換到下一個分頁
  • ↓↓,回到上層網址

Mouse Stroke允許可以透過JavaScript自訂手勢,例如:

  • →,在Youtube搜尋
    (location.href = ‘http://www.youtube.com/results?search_query=’ + _env.seltext;)
  • ←,在Wikipedia搜尋
    (location.href = ‘http://en.wikipedia.org/w/index.php?search=’ + _env.seltext;)
  • ↑,網址列數字加一,閱讀小說漫畫時非常方便
    (javascript:(function(){ var e,s; IB=1; function isDigit(c) { return (“0” <= c && c <= “9”) } L = location.href; LL = L.length; for (e=LL-1; e>=0; –e) if (isDigit(L.charAt(e))) { for(s=e-1; s>=0; –s) if (!isDigit(L.charAt(s))) break; break; } ++s; if (e<0) return; oldNum = L.substring(s,e+1); newNum = “” + (parseInt(oldNum,10) + IB); while (newNum.length < oldNum.length) newNum = “0” + newNum; location.href = L.substring(0,s) + newNum + L.slice(e+1); })();)
  • ↓,網址列數字減一,閱讀小說漫畫時非常方便
    (javascript:(function(){ var e,s; IB=-1; function isDigit(c) { return (“0” <= c && c <= “9”) } L = location.href; LL = L.length; for (e=LL-1; e>=0; –e) if (isDigit(L.charAt(e))) { for(s=e-1; s>=0; –s) if (!isDigit(L.charAt(s))) break; break; } ++s; if (e<0) return; oldNum = L.substring(s,e+1); newNum = “” + (parseInt(oldNum,10) + IB); while (newNum.length < oldNum.length) newNum = “0” + newNum; location.href = L.substring(0,s) + newNum + L.slice(e+1); })();)

5. 使用Multi Search擴充功能

剛才介紹的Mouse Stroke擁有自訂搜尋功能,充其量只有上下左右四個方向,過多會過份繁瑣,此時可使用FastestChrome及Multi Search,選取文字後可選擇不同搜尋引擎進行搜尋。前者較易用,但較耗資源而且自訂性較低,後者操作稍為複雜但自訂性強,個人只使用後者。之前寫過兩篇文章介紹,第一篇比較兩者,第二篇羅列常用搜尋引擎。

  • Direct (”bing” → http://www.bing.com)
  • Google Lucky
  • Google Translate
  • Google Maps
  • Google News
  • Google Site Search
  • Youtube
  • Picasa
  • Wikipedia
  • 中文維基百科
  • 香港網絡大典
  • 雅虎拍賣
  • 淘寶
  • 香港格價網
  • Delicious
  • Dictionary
  • Twitter
  • Facebook
  • Google+
  • Weibo
  • Quora
  • Zhihu

6. 使用Vimium/Vimperator擴充功能

以上介紹的兩個擴充功能都與滑鼠操作有關,接下來介紹的兩個擴充功能則與鍵盤操作有關,是在Windows以及Chrome的快捷鍵基礎上,再增加快捷鍵的操作。Firefox的Vimperator,以及Chrome的Vimium,基本上都是參照文本編緝軟件Vim,加強瀏覽器本身的鍵盤操作功能。以下介紹以Vimium為主。

Vimium快捷鍵眾多,個人認為最常用的首先是輸入f/F,羅列頁面上所有連結;其次是o/O,輸入網址或搜尋記錄書籤,等同網址列Omnibox;第三是/(斜線),搜尋文字,比起原生搜尋功能優勢之處在於可選取文字。

Vimium專用快捷鍵

  • yy,複製目前網址
  • yf,點選複製連結
  • p,在目前分頁網址列貼上並前往
  • P,在新分頁網址列貼上並前往
  • gu,回到上層網址
  • i,進入輸入模式,可自由輸入文字
  • gi,將焦點放在第一個輸入框(輸入gNi則焦點放在第N個輸入框)
  • f,在目前分頁打開一個新的連結
  • F,在新分頁打開一個新的連結
  • Alt+f,打開多個連結
  • T,在各分頁中搜尋
  • o,在目前分頁搜尋打開網頁
  • O,在新分頁搜尋打開網頁
  • b,在目前分頁搜尋打開書籤
  • B,在新分頁搜尋打開書籤
  • [[,在頁面尋找上一項目連結
  • ]],在頁面尋找下一項目連結
  • gf,循環到下一頁框
  • ?,顯示幫助

Vimium/Chrome對應鍵盤按鍵(可略過)

  • j,向下移動,對應Down
  • k,向上移動,對應Up
  • h,向左移動,對應Left
  • l,向右移動,對應Right
  • gg,回到頁首,對應Home
  • G,回到頁尾,對應End
  • zH,一直移動到左部
  • zL,一直移動到右部
  • d,向下翻頁,對應PgDn
  • u,向上翻頁,對應PgUp
  • r,重新整理,對應F5
  • gs,查看原始碼,對應Ctrl+U
  • /,進入搜尋模式,對應Ctrl+F,但可選取文字
  • n,搜尋下一個匹配項,對應F3
  • N,搜尋上一個匹配項,對應Ctrl+Shift+F3
  • H,回上一頁,對應Alt+Left
  • L,回下一頁,對應Alt+Right
  • K/gt,切換到上一個分頁,對應Ctrl+Tab
  • J/gT,切換到下一個分頁,對應Ctrl+Shift+Tab
  • g0,切換到第一個分頁,對應Ctrl+1
  • g$,切換到最後一個分頁,對應Ctrl+9
  • t,開新分頁,對應Ctrl+T
  • x,關閉目前分頁,對應Ctrl+F4
  • X,復原已關閉分頁,對應Ctrl+Shift+T

7. 使用Shortcut Mananger擴充功能

Vimium/Vimperator雖好,但略嫌自訂性不足,所以另外推薦Shortcut Manager,提供自訂快捷鍵功能,適用開啟網頁或執行JavaScript,自訂功能強大,足以補完Vimium/Vimperator。例如:

Categories: Applications, Chrome
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: