我目前常常使用的瀏覽器 Bookmarklets 書籤小工具2010版
2007年,我曾經寫過一篇「Bookmarklets放在書籤裡的實用瀏覽器小工具補完列表」,整理了當時自己常常使用的書籤小工具(Boomarklet)。很有趣的是,三年前正是網路書籤非常流行的時候,所以當年整理的工具裡有非常大的比例是分享工具;而時移物轉,來到2010年,我重新檢視自己真正常常使用的Bookmarklet,發現目前主要集中在個人資料管理、資訊深入挖掘,以及和閱讀版面相關的工具。
Bookmarklet(書籤小工具),顧名思義就是外表看起來像是某則瀏覽器書籤,但本質上是一顆功能按鈕的工具。你只需要用一般加入書籤的方法,將Bookmarklet的javascript程式碼當做網址收藏,然後就可以在「任何瀏覽器」使用。
書籤小工具讓你不需要安裝瀏覽器套件,就能在任何瀏覽器簡單呼叫某個網站的特殊應用。比起安裝瀏覽器套件,善用Bookmarklets,還可以有下列的優點:
- 1.儲存在書籤,利用書籤同步功能後,任何電腦、任何瀏覽器都可隨時使用,省去套件還要安裝的麻煩。
- 2.本身的型態只是一則書籤,節省安裝套件還要額外佔用的空間與資源。
- 01.j.mp(Bit.ly):短網址追蹤分享收藏庫
- 書籤小工具(可直接加入書籤):j.mp sidebar、bit.ly sidebar
- 相關教學:j.mp 或 Bit.ly 分享狂專用多功能超短網址,Twitter網摘與點閱率追蹤!
而這個bookmarklet小工具會打開一個分享側邊欄,讓你快速獲得短網址,或者分享到Twitter。我會把Bit.ly(j.mp)當做自己的另類書籤服務,專門記錄自己平常在網路上分享哪些文章,除了看看分享的效果外,也方便自己日後查詢。
- 02.EverNote:網頁筆記儲存雲端知識庫
- 書籤小工具(可直接加入書籤):Clip to EverNote
- 相關教學:EverNote 3.5 雲端同步筆記資料庫新版軟體詳解,支援中文搜尋
而這個Bookmarklet小工具可以讓你快速將目前網頁內容,擷取到EverNote筆記本中,還可以簡單的做好分類、註解等動作。我自己會利用EverNote來收藏我讀過後覺得真正以後有用的文章,或者收藏目前幾個工作專案需要的各種網頁資料,EverNote的分類筆記本功能可以很好的幫助我進行資料管理。
- 03.Google Reader:資訊接收管理中心
- 書籤小工具(可直接加入書籤):Note in Reader
- 相關教學:可喜可賀!Google閱讀器終於加入資料夾、標記更名功能
利用這個Bookmarklet小工具,我們可以圈選網頁中的文章部分內文,然後將其儲存到Google Reader中,記得用Tag做好方便日後檢索的分類。我自己的使用上,如果說EverNote中的記錄是「知識」,那麼Google Reader內的文章資料就是「素材」,是原始的、未思考的、尚不知用來幹嘛的材料,而我會先以其主題類型做為Tag分類(例如軟體、網站),日後需要時再查詢提取。
- 04.Instapaper:稍後閱讀
- 書籤小工具(可直接加入書籤):Read Later
- 相關教學:Instapaper 網路好文暫存,從稍後閱讀、舒適閱讀到認真閱讀
Instapaper的Bookmarklet工具也設計得非常簡潔易用,只要點擊後立刻將網頁內文儲存到你的稍後閱讀清單中,沒有任何多餘的操作步驟。我個人使用上,因為前面已經有EverNote知識庫、Google Reader素材庫和Bit.ly分享記錄,所以Instapaper就真的是用來儲存目前無法仔細閱讀的長篇論述文章,等自己有時間時可以好好瀏覽思考。
- 05.Google Reader:訂閱網路最新好文章
- 書籤小工具(可直接加入書籤):Subscribe
- 相關教學:Google Reader 閱讀器發揮最大效率的13個簡單關鍵技巧
利用Google Reader官方提供的Bookmarklet,你可以立刻將目前網站的RSS加入訂閱清單,記得訂閱時一定要做好分類。雖然總是不斷有人說RSS訂閱推廣很難,但這確實是非常棒的一種資訊接收、管理方式,我推薦任何對於資訊閱讀有心的朋友,一定要試著去了解看看Google Reader(並且歡迎訂閱電腦玩物最新文章)。
- 06.Google Custom Search:自訂搜尋引擎索引
- 書籤小工具(可直接加入書籤):Google Maker
- 相關教學:Google自訂搜尋引擎 - 打造個人資訊檢索系統,這樣做才叫強大
利用Google Maker書籤小工具,當我們看到需要的網站時,就可以直接指定將該網站加入我們的某個自製搜尋引擎當中。例如目前我自己製作的「中文電腦資訊部落格搜索」,收錄了約340個中文科技資訊部落格,就是利用Google Maker慢慢收集起來的,而這樣一個資料庫也讓我平常在查詢軟體、網站教學時方便許多。
- 07.Posterous:輕鬆引用與速寫型部落格
- 書籤小工具(可直接加入書籤):Share on Posterous
透過Posterous的書籤小工具,我們可以很方便的引用、轉貼網路上的內容,然後加上自己的意見,這樣一篇網誌就立刻誕生了。我自己使用上把Posterous定位成集郵日記的感覺,收集有趣訊息、分享簡單想法,用輕鬆方式來做另類網誌記錄。
- 08.Backtweets:反查某網址的Twitter轉貼分享
- 書籤小工具(可直接加入書籤):Search Bookmarklet
- 相關教學:你可以不用 Twitter ,但不可不知如何挖掘 Twitter
而Backtweets提供的書籤小工具,點擊後可以反查目前網頁網址在Twitter上「被傳播」的情形,你能看到哪些推友分享轉貼了這篇文章。我自己會將這樣的工具用在兩個地方,第一個是查查自己部落格文章被哪些朋友分享、贊同;第二個是查查某些話題文章在Twitter上的討論。
利用Google服務製作的站內搜尋工具;所謂的站內搜尋,例如像你來到某個資料網站,一時找不到該網站提供的文章搜尋器,那麼就可以利用站內搜尋查找某個主網域底下的所有資料內容。
由網友Planetoid製作的書籤小工具,點擊後輸入關鍵字就可以查詢目前網站底下的所有文章內容,對於中文關鍵字有良好的支援。
- 10.Readable:讓網頁主文更加易讀
- 書籤小工具(可直接加入書籤): Readable
- 相關教學:Readability 三個優化網頁易讀性的瀏覽器書籤工具,輕鬆把網路當電子書來閱讀
Readable提供的Bookmarklet小工具,會幫你把網頁遮起來,凸顯出重新編排過的主文內容,而且易讀性優化方式還可以讓你自訂調整。我自己使用時,還會常常利用一個非常棒的小技巧,就是你可以圈選網頁中的部分內容,按下bookmarklet後可以單獨優化圈選部分的版面。
- 11.PrintWhatYouLike:完全自訂網頁列印、轉檔版面
- 書籤小工具(可直接加入書籤):PrintWhatYouLike
- 相關教學:PrintWhatYouLike 功能最強大的網頁排版列印輔助工具
這個書籤小工具點擊後,會在左方浮現一個排版工具列,你可以點擊網頁中任何元素、文字段落,進行刪除或保留。
- 12.Print Friendly:快速優化網頁列印、轉檔版面
- 書籤小工具(可直接加入書籤):Print Friendly
點擊瀏覽器書籤工具後,你就能看到內文被抓取出來,而接下來只需決定是要列印或轉成PDF即可。我自己的使用上,大多時候其實是使用Print Friendly,但是如果遇到比較複雜、需要自己調整列印效果的情況時,才使用自訂性豐富的PrintWhatYouLike。
- 13.SharedCopy:轉貼連結前幫網頁畫重點、做註解
- 書籤小工具(可直接加入書籤):SharedCopy
啟動SharedCopy的Bookmarklet後,會在右上方出現一個編輯工具列,當我們編輯完成後按下〔Save〕,就可以獲得專屬轉貼連結。我自己使用這個工具的頻率並不會很高,但有時候就是會遇到我想把自己的想法也一起轉貼給朋友看的情形,而SharedCopy這樣的工具就能讓朋友邊看網頁時也邊讀到我的註解意見。
- 14.Google Translation:將圈選範圍翻譯成指定語言
- 書籤小工具(可直接加入書籤):翻成繁體中文
在Google翻譯書籤工具的網頁中,你可以儲存各種語言版本的Bookmarklets。
- 小結:
我要推薦diigo,還能做筆記並分享書籤給其他人。
回覆刪除請問有沒有FF的書籤工具或擴充套件可以針對某個網頁或網站有更新時直接彈出提醒使用者的呢. 謝謝
回覆刪除http://w-shadow.com/bookmarklet-combiner/
回覆刪除請問一下,關於第 14 項,Google Translation 翻成繁體中文這個書籤小工具,有沒有辦法另開一個新分頁顯示翻譯結果?(這樣比較不會中斷閱讀)
回覆刪除我對著該書籤工具按滑鼠中鍵開新分頁,或是以滑鼠右鍵選單「用新分頁開啟」,都無法顯示翻譯結果。所以我猜是要改程式碼,但我不會改… >"<
好像沒辦法
回覆刪除謹致4F:
回覆刪除http://paste.pocoo.org/show/329034/ (野人獻曝之作)
We're sorry - Google Reader no longer supports the "Note in Reader" bookmarklet
回覆刪除是的
回覆刪除我也試著做了一個可以引用滑鼠選取文字並郵寄(網頁標題及連結)的小工具,以補時下瀏覽器的不完善(沒有選取則省略引用):
回覆刪除javascript:sel=window.getSelection().toString();void(open('mailto:?SUBJECT='+document.title+'&BODY='+(sel?'“'+sel+'” – ':'')+document.title+escape('\r'+location.href)));
以上是連結內容(因為這裡不能貼)
結果像是:
“將個人精采的遊記一起跟網友分享吧!” – [ 悠遊墾丁討論區 ] :: 首頁
http://www.uukt.com.tw/phpbb/index.php?sid=b77e9865d99f4da9d2840ffce203d7bb
如果亂碼:
試試開啟"控制台>網際網路選項>進階>"裡的UTF-8選項。