文章

實驗 Bookmarklet – isolate

isolate

我很喜歡用 Aardvark 這個 Firefox Addon,除了用來查看 DOM struture 非常有用外,還經常會拿來刪除一些頁面的廣告、sidebar 等等,只留下想要的內容,無論是閱讀、列印、複製時都會非常有用。

經一段時間的使用,發覺自己有個習慣,就是在清理完畢時候,總會再微調一下文字大小、行高、寬度等等,所以就寫了個實驗性質的 bookmarklet,想做到像 Aardvark 某些功能,另外再加一條改變樣式的控制條。結果就是這個:

isolate

Bookmarklet 的名字我不知該怎叫,所以只是隨意叫我在 Aardvark 裏常用到的 isolate 功能。這個 bookmarklet 使用會模擬一小部份 Aardvark 的功能:Wider (擴大選區,w鍵)、Isolate (清除到只剩下選區,i 鍵)、Remove (清除,r 鍵)、Quit (離開,q 鍵),Mouse click 可以鎖定選區,選區上方會出現可以控制樣式的條,再 Mouse Cilck 可消除鎖定區。

技術上這個 Bookmarklet 會先載入 jQuery 1.3.2,再插入選框和控制條,在 Mousemove 時會對「框」住目標,再可以使用控制條來設定目標樣式。這當中參考了不少 Aardvark 的碼。至於控制條是很簡陋的,因為沒有耐性做到很美… (可能用一個 CSS 輸入框會更適合…)。

出來的結果我自己也覺得有點吃力不討好,所以我懷疑自己還是會常用回 Aardvark。但無論如何,也寫一篇紀錄一下。

P.S. 不知道有沒有像 userscripts.org 這種但是給 bookmarklet 用的網站?

回應

*