Enhanced word highlight自動高亮搜尋關鍵字,網頁重點醒目提示

Enhanced word highlight-01

前幾天寫了「Scrollbar Search Highlighter 讓Firefox也有Chrome捲軸搜尋標記」一文,有朋友留言推薦了「Enhanced word highlight」這個瀏覽器腳本,它可以為「搜尋頁面內文字」增加許多有用的新功能,我簡單試用了兩天後,覺得確實非常好用,在很多層面上可以優化瀏覽器內的搜尋習慣。

什麼時候我們會需要「搜尋頁面內文字」?例如剛從搜尋引擎進入網頁後,一下子找不到剛剛搜尋的關鍵字出現在哪裡?或者正在閱讀一篇很長的文章,想要立刻跳到自己想知道的主題出現的段落?對於常常需要研究網路資料的朋友來說,「搜尋頁面文字」是很常用到的功能(或者說,你應該要讓它變成很常用到的功能,因為:在數位化工作環境裡,與其翻找,不如關鍵字搜尋更有效率)。

「Enhanced word highlight」是Firefox GreaseMonkey的一個腳本,我不確定它能否支援其它瀏覽器(沒試過,歡迎其它朋友嘗試),安裝後就能加上諸如搜尋後直接標亮關鍵字、搜尋複合關鍵字、跨分頁搜尋關鍵字等功能

 

 

Enhanced word highlight 安裝方法:

首先我們打開Firefox,來到「Greasemonkey」網頁,安裝這款擴充套件,安裝完成後需要重新啟動Firefox。

Enhanced word highlight-02

接著來到「Enhanced word highlight」腳本的下載頁面,點擊綠色的〔Install〕按鈕即可完成安裝,這時候不需重新啟動Firefox,立刻可以開始使用Enhanced word highlight的功能。

Enhanced word highlight-03

 

 

Enhanced word highlight 用途說明:

 

  • 01.在搜尋引擎搜尋後,直接標亮、持續追蹤關鍵字

來到Google、Yahoo、Bing、百度等搜尋引擎進行搜尋,這時候Enhanced word highlight會直接幫用戶把搜尋關鍵字標亮,這樣一來我們就可以在搜尋結果裡很快的看到關鍵字出現的地方。

這個功能尤其在搜尋一些冷僻關鍵字時特別有用,因為搜尋結果裡這個關鍵字可能出現的並不頻繁和明顯,但透過清楚的標亮,就能快速看到有出現該關鍵字的結果。

Enhanced word highlight-04

這時候點擊某一個搜尋結果進入目標網站,Enhanced word highlight也會直接幫用戶標亮該網頁中出現關鍵字的地方。甚至用戶繼續點擊進入第二層、第三層網頁,Enhanced word highlight都會繼續鎖定追蹤一開始的搜尋關鍵字。

對於想要趕快找到目標內容的用戶,這個持續追蹤關鍵字的功能,非常有效。

Enhanced word highlight-05

另外,有些朋友可能跟我一樣會去安裝「AutoPager」這類自動翻頁套件,如果在Google搜尋結果中自動翻頁,那麼Enhanced word highlight仍然可以幫我們標亮自動翻頁後的關鍵字!

Enhanced word highlight-06

 

 

  • 02.同時搜尋多組頁面內關鍵字

一般瀏覽器在搜尋頁面文字時,一次只能搜尋「一個」關鍵字,可是在研究資料時難免遇到需要搜尋多組關鍵字的時刻,這時候如果一個一個切換搜尋多有不便,而Enhanced word highlight就能讓我們進行複合搜索。

按下〔Ctrl〕+〔/〕,可以呼叫出Enhanced word highlight的關鍵字輸入框,在輸入框中填寫關鍵字,按下〔Enter〕即可找出並反白頁面內關鍵字。

Enhanced word highlight-07

只要在〔Ctrl〕+〔/〕輸入框中繼續填寫新的關鍵字(或者是在輸入框中用空格一次輸入多組關鍵字),就可以同時搜尋多個不同的關鍵字,Enhanced word highlight也會用不同的顏色做醒目標明。

重複點擊〔Ctrl〕+〔/〕,就可以打開、關閉關鍵字輸入框。

Enhanced word highlight-08

在輸入多組關鍵字後,如果想要取消某一個關鍵字的醒目提示,只要在右下角Enhanced word highlight功能列上,取消勾選該關鍵字即可。

Enhanced word highlight-09

 

 

  • 03.搜尋這個字!圈選文字後標亮頁面內相同文字

有時候在閱讀一篇網頁文章時,看到某個重要的關鍵字,想找找看其它描述這個關鍵字的段落,這時候怎麼辦?

在Enhanced word highlight中,我們只要圈選這個關鍵字,然後按下〔Ctrl〕+〔/〕,就會把頁面內其它相同文字的位置標亮了。

Enhanced word highlight-10

 

 

  • 04.鎖定這個字!跨分頁標亮特定關鍵字

所有搜尋的關鍵字都會出現在右下方的Enhanced word highlight功能列上,而這時候如果我們需要在其他分頁上也繼續標亮這些關鍵字,那麼只要點擊功能列上的〔L〕(讓它變成橘色),這樣一來就可以鎖定(lock)關鍵字

鎖定關鍵字後,打開新的網頁,就會繼續標亮同樣的關鍵字,讓我們可以延續搜尋研究目標。

這一個小功能,特別適合用來在多個網頁裡研究同樣資料時。

Enhanced word highlight-11

 

 

Enhanced word highlight 使用技巧:

 

  • 01.快速跳轉到關鍵字出現處

前面介紹的是「應用」Enhanced word highlight的幾種情境,而接下來要介紹的是使用Enhanced word highlight時的一些操作技巧。

首先,我們要怎麼快速跳轉到關鍵字出現的網頁位置?在Enhanced word highlight中有非常多種方法可以使用。

當標亮關鍵字後,將滑鼠游標移動到右下方關鍵字上,這時會彈出一個長條型的「地圖」,上面會有亮點直接標出關鍵字出現的地方,我們只要點擊該區塊,就能跳到指定的網頁位置。

或者,我們可以用滑鼠左鍵點擊該關鍵字,就會跳到下一個出現的位置,用右鍵點擊則會跳到上一個出現的位置(如果你喜歡用鍵盤,那麼可以點擊〔n〕往下跳轉,點擊〔Shift〕+〔n〕往前一個跳轉)。

Enhanced word highlight-12

 

 

  • 02.關鍵字的編輯定義

假設直接在Enhanced word highlight輸入框填寫「Google Chrome Frame」這樣的關鍵字,Enhanced word highlight會以為你是要搜尋三個不同的關鍵字,就會顯示出三個醒目提示。

這時候我們要輸入「"Google Chrome Frame"」,加上「""」,這樣就能告訴Enhanced word highlight明確的搜尋目標。Enhanced word highlight支援正則表達式的搜尋語法。

Enhanced word highlight-13

 

 

  • 03.替換全新關鍵字

Enhanced word highlight會習慣性幫我們保留之前輸入的關鍵字搜尋,而如果我們想要替換全新的關鍵字時怎麼辦?

這時先點擊〔Ctrl〕+〔/〕呼叫出Enhanced word highlight輸入框,然後用滑鼠去取消輸入框最前面的勾選,讓顯示狀態變成「New」,這時候輸入新關鍵字就可以替換掉之前的所有舊關鍵字。

Enhanced word highlight-14

 

 

  • 04.快速取消關鍵字醒目提示

最後,有時候網頁上被密密麻麻的標亮一堆關鍵字,老實說閱讀起來反而不輕鬆,這種時候我們只要點擊〔Alt〕+〔.〕,就能暫時取消網頁內醒目提示。

等到需要醒目提示時,再按一次〔Alt〕+〔.〕,就能回復標亮狀態囉!

Enhanced word highlight-15

 

 

  • 小結:

Enhanced word highlight是功能非常強大,但是相對的上手有些複雜的工具,所以我這篇文章,嘗試從「應用途徑」、「操作技巧」兩個層面來解釋Enhanced word highlight最重要的幾個功能,希望能讓有興趣的用戶更快學會這個工具。

而雖然Enhanced word highlight比較複雜,並且需要養成一些新的習慣,但學會使用後確實可以增加研究搜尋網頁資料時的效率,對於有這個需要的朋友來說,很推薦大家安裝使用。

留言

  1. fail : Google Chrome 10.0.648.114 beta

    回覆刪除
  2. 感謝回饋,這樣看來應該是Firefox適用的套件了

    回覆刪除
  3. 這腳本效能問題滿大的
    網頁文字一多,開網頁時瀏覽器就會當掉一陣子
    像 Google Toolbar on Firefox 的相似功能就不會有這種情形

    回覆刪除
  4. 真的嗎?我目前還沒有遇到網頁文字太多會當掉耶?

    讓我再研究看看,還是有什麼實際的例子嗎?

    回覆刪除
  5. 这个是不错 我常用

    Fx4.0 Ctrl+/是附加工具栏开关快捷键

    回覆刪除
  6. 在Firefox 4中安裝Barlesque這個擴充套件後就不會衝突了,

    我目前就是這樣在Firefox 4中使用的^^

    回覆刪除
  7. 感謝異塵兄的整理教學啊
    這腳本很久以前已經裝了但是卻不太會用(遮臉
    只會用簡單的取消高亮顯示而已。

    很佩服你可以願意花這麼多(指貴部落格的內容/呈現)
    時間去試用一個軟體/小腳本。

    FX控有異塵兄真的是很棒的一件事。XD

    回覆刪除
  8. 樓上的意見 +1 XD

    還以為是我蠢,原來 Chrome Dev 用不到嗎...

    回覆刪除
  9. Google Chrome目前好像無法使用

    回覆刪除
  10. 我使用這個腳本有2年時間了,在最初的時候只支持搜索引擎結果的高亮,添加在任意頁面的檢索功能是後來版本的功能了,這個可算是質的飛躍。

    因為畢竟是腳本,所以響應速度比不上Fx的套件,在某些網頁會無法響應。我對這個腳本還是很滿意的,其他瀏覽器都無法提供這麼好的檢索體驗。

    作者在腳本主頁上提到目前只支持FF,我也試過Chrome上確實無法用,這也是我無法離開FF的原因之一。

    回覆刪除
  11. 不過我之前在Firefox上使用的時候卻跟Barlesque有衝突到,會互相去卡到顯示的右下角,不過我想這跟我的設定檔已經混亂有關係

    希望Firefox4的正式版快點出,我好一次把全部設定檔跟套件全部打掉重裝,畢竟這次又是一次大版號改版了...

    回覆刪除
  12. 會卡到位置沒錯
    有兩種解決方法
    一是改變腳本的位置(可以拖曳移動)

    二是改變Barlesque套件的位置或是自動縮合(可以到套件中設定)

    回覆刪除
  13. http://userscripts.org/scripts/show/64877

    回覆刪除
  14. 與Barlesque互蓋的問題可以在腳本的config中勾選"Save panel position",然後將腳本拖到適合的位置

    回覆刪除
  15. Searchbox Sync 搭配 SearchWP
    可達到類似的功能,效果更好

    回覆刪除

張貼留言

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

這個網誌中的熱門文章

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

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

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

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

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

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

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

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

Excalidraw 免費 AI 生成流程圖,一鍵畫出知識圖表、專案流程、寫作大綱