簡單寫 bookmarklet

到底什麼是 bookmarklet ?
講簡單點就是偽裝成 bookmark 的 html button …

不懂嗎 ?
再講白一點就是寫一個 html 超連結 tag ( a href ) 而這個連結 ( href ) 是去執行 javascript … 接下來把這個 a tag 用拖拉的方式放到各大 browser 上的 bookmark bar  … 就是 bookmarklet 了 !

the end ... ( 咦 ? )

哈哈哈

可以來看一些例子，像 Facebook 和 Twitter 都有提供 share 的 bookmarklet，Twitter 還有教學 ! 寫得非常清楚

這邊也提供一個很簡單的 bookmarklet demo

Select

把這個 Select 超連結用拖拉的方式放到 browser 上的 bookmark bar

然後可以到任何網頁選取任何文字，按下 Select !
這個 bookmarklet 會 alert show 出所選取的文字

source code

在做 bookmarklet 也踩到一些雷 …
儘量不要 link 到 externalized js … 因為有很多網站都會擋執行外部 js code  ( e.g. Facebook ... )

目前看來 bookmarklet 可以讓我免去寫各大 browser extension 的替代方案啊 !