[教學] 用Bookmarklet取代套件

[Holocaust123 (奔跑的蝸牛)]

<簡介>

  Bookmarklet是以瀏覽器書籤的形式存在的小應用程式(applet)

  字面上來看, Bookmarklet = Bookmark(書籤) + let(表"小"的字尾)

  故中文也許可以翻成"書籤小程式"或"書籤小工具"

  (目前Bookmarklet和applet(application+let)一樣, 好像沒有固定的翻譯)

  其目的跟套件(Fx中的addon, GC/OP中的extension)類似, 都是為了讓瀏覽器更好用

  套件做得到的事, 很多Bookmarklet也做得到

  那麼, 為何不只用套件就好, 使用Bookmarklet的動機是??

<Bookmarklet的優點>

  相較於套件, Bookmarklet的優點有:

免安裝

  Bookmarklet其實就是一串程式碼

  直接把這串程式碼當成網址

  加到瀏覽器書籤中就可以用了

省記憶體

  Bookmarklet平常不占用任何記憶體

  要用的時候點一下該書籤即可

  既方便又省資源

比較"跨瀏覽器"

  很多Bookmarklet可以直接在多種不同瀏覽器中使用(有些要稍微修改)

  而套件呢?

  Fx的.xpi根本沒辦法變成GC的.crx(瀏覽器核心不同, 程式碼使用的元件也不同)

  就算是同核心  例如K-Meleon和Fx(Gecko核心)

  但不經過辛苦的debug過程

  也是沒辦法把Fx的套件安裝到K-Meleon上的

開發的學習曲線較低

  例如

  懂些初級的javascript

  配上Google API

  就可以輕易寫出翻譯程式

  比起開發套件來說輕鬆許多

<Bookmarklet的缺點>

  不過

  Bookmarlet也不是完全沒缺點的......

安全性較低

  目前似乎沒有所謂的"Bookmarklet官方網站"

  而Fx, GC(以及未來的OP)都有官方套件庫

  其優點是使用者眾  程式碼長期被龐大的社群監督

  安全性自然勝過沒有權威官方網站、龐大社群的Bookmarklet

功能不一定有套件那麼強大

  舉個例子

  以翻頁程式來說

  比較有名的Bookmarklet是SiteFlow跟PageZipper

  其網址pattern資料庫、UI、功能皆不及強大的AutoPager和AutoPagerize

更新頻率較低

  Bookmarklet和套件一樣都是免費的

  前者的使用者較少  而且往往沒有donation

  開發者的熱情不容易保持下去

<Bookmarklet vs. 套件>

  什麼原因會想用Bookmarklet取代套件??

當套件的使用頻率不高

  80/20理論也許可以套用在套件的使用行為上:

  僅有少數套件常常在使用  多數套件偶爾才使用一下

  例如  拿我當例子

  網路上多的是要翻頁的網站  AutoPager因此常常被使用

  但也許隔好幾個禮拜我才用Video DownloadHelper抓影片

  那我就會想用Bookmarklet取代Video DownloadHelper

想要省下套件佔用的記憶體空間

  我覺得Bookmartlet勝過套件最大的一點就是省記憶體

  不是每個人都有用不完的RAM

  如果有功能上我還可以接受的Bookmarklet

  那我會想用它來取代套件

  例如  我不習慣看大量簡體字

  但如果量不多我還是可以接受的

  所以我用簡轉繁Bookmarklet取代新同文堂

  這對我來說是OK的取捨

當套件有出Bookmarklet版本

  這樣當然改用Bookmartlet版本

  省硬碟  省記憶體  功能又完全相同  何樂而不為?

<好Bookmarklet, 不用嗎?>

  下面列出的是提供Bookmarklet的網站

縮網址: 直接使用, 會顯示本網頁的短網址

1) 0rz.tw

   http://0rz.tw/plugins

2) tinyurl.com

   http://tinyurl.com/

   連結在"Add TinyURL to your browser's toolbar"那段

3) bit.ly

   http://bit.ly/pages/tools

字典/翻譯: 反白網頁文字後使用

1) Google Dictiionary: 任意語言 to 指定語言

   http://blog.footle.org/2009/12/04/google-dictionary-bookmarklet/

   在"gDefine"那個連結

   他預設是英英  修改一下才是任意語言to指定語言

   修改方法: http://bit.ly/bPYQYc (Tsung's Blog)

2) Google Translate: 任意語言 to 指定語言

   http://translate.google.com/translate_buttons

3) Urban Dictionary: 英英字典

   http://lifehacker.com/129141/geek-to-live-ten-must+have-bookmarklets

4) Yahoo Dictionary: 英漢字典

   不知在哪個網站找到的

   javascript:(function(){var%20s;if(window.getSelection)
   {s=window.getSelection();}else%20if(document.selection)
   {s=document.selection.createRange();}window.open
   ('http://tw.dictionary.yahoo.com/search?ei=UTF-8&p='+s);}());

網頁簡繁互換: 直接使用

1) 網頁簡轉繁 or 繁轉簡

   http://briian.com/?p=6312  (重灌狂人Blog)

抓影片

1) GooTube Retriever: 抓YouTube和某些網站的影片

   http://kej.tw/flvretriever/

2) 抓YouTube影片: 進入YouTube網站使用

   http://brownywalking.blogspot.com/2010/04/youtube-bookmarklet.html

   (Browny's Blog)

修改網頁內容: 直接使用

1) Readablilty

   http://lab.arc90.com/experiments/readability/

   這程式會用演算法修改當前網頁(ex:排版, 刪除元素)  讓網頁更好閱讀

2) Form Text Reszier

   http://www.themaninblue.com/writing/perspective/2006/08/25/

   讓你可以用滑鼠調整文字框的長寬

3) Aardvark(食蟻獸):

   http://bookmarklets.arantius.com/aardvark

   右鍵點畫面中間左邊的"Aardvark"超連結  複製其網址

   這個Bookmarklet同時也是Fx的一個套件:

   https://addons.mozilla.org/zh-TW/firefox/addon/4111/

   使用後可修改當前網頁的元素

   例如你想列印當前網頁

   可以用它把不想要的部份刪掉來節省墨水

看網頁元件的HTML tag: 直接使用

1) X-ray

   http://www.westciv.com/xray/

   使用後, 點選網頁上任何元件, 可看到其資訊

2) MRI

   http://www.westciv.com/mri/

   使用後會跳出一個輸入視窗來輸入selector

   藉由輸入不同的selector  可選出網頁中不同的element

其他

1) 站內搜尋: 用Google搜尋本網站 (精確搜尋)

   http://planetoid.info/weblog/2008/06/16/000665.html

   相當於在Google搜尋列輸入:

   site:<本網站IP> "<搜尋關鍵字>"

2) 站內搜尋: 用Google搜尋本網站 (模糊搜尋)

   http://www.imilly.com/bm.htm

   點左下方的"Google Site Search"

   相當於在Google搜尋列輸入:

   site:<本網站IP> <搜尋關鍵字>

3) Bugmenot

   http://www.bugmenot.com/

   它有Fx的套件版本:

   https://addons.mozilla.org/zh-TW/firefox/addon/6349/

   功能:

   Bugmenot搜集了很多討論區的帳號密碼供人使用

   當你不想加入某論壇會員卻又想回帖下載檔案時特別有用

<更多Bookmarklet>

   這些網站有上面那些以及更多的Bookmarklet

   (沒有的話可能是我漏了  那麻煩自行Google)

1) 發明Bookmarklet一詞的人的網站, 有超過150個Bookmarklet可下載

   http://bookmarklets.com/

2) 20個推薦的Bookmarklet

   http://www.makeuseof.com/tag/20-must-have-bookmarklets-for-your-web-browser/

3) 電腦玩物大大推薦的數個Bookmarklet

   http://playpcesor.blogspot.com/2007/10/bookmarklets.html

   http://playpcesor.blogspot.com/2010/06/bookmarklets-2010.html

4) 上百個Bookmarklet

   https://www.squarefree.com/bookmarklets/

   http://marklets.com/

5) 好多種Google Search

   http://www.imilly.com/bm.htm

<讓書籤列更簡潔>

   加了好多Bookmarklet  書籤列越來越擠了

   如何減少書籤列上滿滿的Bookmarklet呢?

   其實

   使用Bookmarklet的方法除了直接點選該書籤外還有以下方法

   靠這兩招就可以讓書籤列加清爽了:

1) 用關鍵字開啟特定書籤

   例如  我把簡轉繁的Bookmarklet取為tw

   這樣每當我碰上簡體網站

   在網址列打tw<Enter>  網頁就變繁體了

   好處是速度快

   只需按Ctrl+L tw <Enter>

   (有裝Vimperator(Fx套件)更好操作  otw<Enter>)

2) 用滑鼠手勢開啟書籤

   有些滑鼠手勢軟體可以自訂手勢

   然後用該手勢開啟書籤

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.112.30.32
推 octobird:我都把Urban Dictionary當成外國鄉民字典用
   在美國住過的朋友跟我說他都用Urban Dictionary查單字片語

   很多正統字典查不到的俚語解釋  Urban Dictionary裡面都有

   而且因為Web 2.0的關係

   Urban Dictionary的更新速度也是一般俚語字典比不上的

推 octobird:嗯，到國外聊天室必備XD
→ Holocaust123:肝 這bug嗎 我寫的要死只有34P幣...................
推 knight00931:我也用新同堂和bugmenot 特地裝套件太多於了
→ knight00931:你應該只有上色吧 XD
   我寫了好久耶  尤其是優缺點那邊  目視應該有幾百p幣...

推 imrt:太棒的介紹了，不過要自己接回斷行好慘…
   已改成列出提供bookmarklet的網頁  而非程式碼

→ pm2002:有網頁版嗎？
推 Kenqr:弄個網頁版 可以直接右鍵加到書籤比較方便
推 AsDfJJJ:感謝介紹^^ 但覺得可以把提供bookmarklet的網頁貼出來就好
→ AsDfJJJ:不用把全部的程式碼貼出來:P
   done

推 karst10607:我們需要網頁的好讀版本~
推 karst10607:不過我個人還是偏好用套件
   trade-off

推 MakinoSora:推一個  我是盡量能用bookmarklet就用  少裝點套件
推 AsDfJJJ:再推一下，用關鍵字開真是好方法，或是新增資料夾丟進去:P
推 Beltran:實用 只是同文堂需要的是剪貼簿簡繁轉  所以還是得用 XD
推 sate5232:對..我同文堂最常用的也是剪貼簿轉換和輸入區轉換
→ sate5232:不要跟我說用ConvertZ就好...
推 mjsg:推一個，有空來挖挖有沒有適合我的
推 ADHI:推一個
※ 編輯: Holocaust123    來自: 140.112.30.32        (11/09 21:09)
推 george755185:好Bookmarklet, 不用嗎?