nba2kol戈伯特:Firefox實用Bookmarklet推薦分享

本文參考自2006年8月份Download!雜誌"100%實用Bookmarklet大特蒐"專題
何謂Bookmarklet：

引用josesun[MozTW 版主群]的話：
"bookmarklet 我習慣譯做「書籤小程式」，就是一種能直接執行的各種功能的書籤。通常這類書籤小程式放在個人書籤列裡會很方便。"

Squarefree.com/bookmarklets上的解釋：
Bookmarklets are free tools to help with repetitive or otherwise impossible tasks in your web browser.

小弟參考Download!雜誌上的解釋：
將書籤連結的網址以JavaScript程式碼形式寫成，點選後會執行程式功能

引敘Bookmarklets.com上的話：
Bookmarklets work on all platforms (Windows, Macintosh, Unix,...)
You do not have to download or install software to use Bookmarklets.

Bookmarklet使用方法：在欲加入的Bookmarklet連結上按右鍵加入書籤資料夾或書籤工具列,也可拖曳Bookmarklet連結至書籤工具列,加入書籤後以左鍵在書籤連結上點擊即可執行程式功能

Firefox實用Bookmarklet推薦分享：(PS：回覆到原本網頁的方法是重新載入該網頁)

1.多國語言翻譯TransButton：(推薦給常逛外國網站的朋友們)
http://home.anet.net.tw/r0bin/TransButton_Pro.html
使用方法：TransButton為多個Bookmarklet打包而成,開啟上面網址後,按Firefox功能表上的"檔案-->另存新檔",將網頁存成html格式,接下來按功能表上的"書籤-->管理書籤",在書籤管理員工能表上按"檔案-->匯入"選擇之前存的TransButton的html檔案,放在書籤資料夾或書籤工具列上即可

2.文字輸入空間增大Enlarge Textareas：(推薦給常使用討論區或部落格者)
http://www.squarefree.com/bookmarklets/forms.html
功能：使文字輸入空間增加五行,讓你不用一直捲頁查看自己輸入的文字

3.Bookmarklet網頁清潔組：(推薦給討厭網頁各種背景媒體,顏色的朋友)
http://www.squarefree.com/bookmarklets/zap.html
推薦：zap plugins，zap colors，zap white backgrounds
zap plugins：移除java,flash,背景音樂,以及第三方的表格
zap colors：讓網頁變成白底黑字以及讓連結變成藍色及紫色
zap white backgrounds：讓白色及近白色的背景變成棕褐色

4.Bookmarklet玩轉顏色組：(推薦給眼睛常常逛網頁逛到疲勞者)
http://www.squarefree.com/bookmarklets/color.html
推薦：red，green，blue，+-light，invert lightness，+-sat
red，green，blue：讓網頁變成三原色黃綠藍
+-light：增加或減少網頁亮度
invert lightness：將網頁反白
+-sat：增加或減少網頁飽和度(對比度)

5.Bookmarklet網頁自動捲頁組Scroll Page：(推薦給滾輪滾到很累的人使用)
http://www.bookmarklets.com/tools/look/index.phtml
推薦：Scroll Page(very slow，slow，fast，very fast，variable)
這應該不用解釋了,就是捲頁速度快慢不同而已,還有可調式速度可用

以下是幾個不錯的Bookmarklet網站：
http://www.squarefree.com/bookmarklets/
http://www.bookmarklets.com/

小弟只是選出幾個小弟自己覺得實用的Bookmarklet,如果大家有更好的Bookmarklet希望大家提出來一起分享
另外Opera跟IE也有支援的Bookmarklet,大家也可以試試看

再推薦幾個不錯的Bookmarklet：

http://subsimple.com/bookmarklets/collection_layout.asp
Clear Ads：移除廣告,Flash,gif動態圖片及背景音樂停止
Drop-down to List：將下拉式選單展開
Bigger Text Areas：使文字區長寬變成兩倍

http://subsimple.com/bookmarklets/colle ... gation.asp
Reload Images：重新載入圖片

http://subsimple.com/bookmarklets/default.asp
Change Text Color：改變文字顏色


新增推薦：
http://www.squarefree.com/bookmarklets/zap.html
zap images：關閉圖片改以文字型式代替

http://www.shauninman.com/plete/2004/05/a-few-favelets
List Embedded Media：將動畫,影片,音樂等檔案(mpg,mpeg,mov,avi,swf,asf,wmv,mp3,ram)列表出來,方便閱覽及存取

另外小弟改了一個Scroll Page (stop),可用在停止網頁自動捲頁,將下列代碼複製或拖曳加入書籤即可
代碼:javascript:var wN2scRl;Sa5gNA9k=new Function('clearTimeout(wN2scRl)');document.onkeydown=Sa5gNA9k;Sa5gNA9k();
void(wN2scRl=setInterval('if(pageYOffset
以及小弟試著改了一些變化網頁顏色的Bookmarklet,在看白底黑字的網頁時覺得眼睛疲憊可使用：
Burlywood：(硬木色)
代碼:javascript:(function(){function getRGBColor(node,prop){var rgb=getComputedStyle(node,null).getPropertyValue(prop);var r,g,b;if(/rgb\((\d+),\s(\d+),\s(\d+)\)/.exec(rgb)){r=parseInt(RegExp.$1,10);g=parseInt(RegExp.$2,10);b=parseInt(RegExp.$3,10);return[r/255,g/255,b/255];}return rgb;} R(document.documentElement); function R(n){var i,x,color;if(n.nodeType==Node.ELEMENT_NODE && n.tagName.toLowerCase()!=%22input%22 && n.tagName.toLowerCase()!=%22select%22 && n.tagName.toLowerCase!=%22textarea%22){for(i=0;x=n.childNodes[i];++i)R(x); color=getRGBColor(n,%22background-color%22);if( (typeof(color)!=%22string%22 && color[0] + color[1] + color[2] >= 2.8) || (n==document.documentElement && color==%22transparent%22)) { n.style.backgroundColor = %22 Burlywood%22;/*Moz 1.0*/ n.style.setProperty(%22background-color%22, %22 Burlywood%22, %22important%22);/*Moz 1.4 after zap colors*/ } }}})()
Darkkhaki：(深卡其色)
代碼:javascript:(function(){function getRGBColor(node,prop){var rgb=getComputedStyle(node,null).getPropertyValue(prop);var r,g,b;if(/rgb\((\d+),\s(\d+),\s(\d+)\)/.exec(rgb)){r=parseInt(RegExp.$1,10);g=parseInt(RegExp.$2,10);b=parseInt(RegExp.$3,10);return[r/255,g/255,b/255];}return rgb;} R(document.documentElement); function R(n){var i,x,color;if(n.nodeType==Node.ELEMENT_NODE && n.tagName.toLowerCase()!=%22input%22 && n.tagName.toLowerCase()!=%22select%22 && n.tagName.toLowerCase!=%22textarea%22){for(i=0;x=n.childNodes[i];++i)R(x); color=getRGBColor(n,%22background-color%22);if( (typeof(color)!=%22string%22 && color[0] + color[1] + color[2] >= 2.8) || (n==document.documentElement && color==%22transparent%22)) { n.style.backgroundColor = %22 Darkkhaki%22;/*Moz 1.0*/ n.style.setProperty(%22background-color%22, %22 Darkkhaki%22, %22important%22);/*Moz 1.4 after zap colors*/ } }}})()
Darkseagreen：(深海洋綠)
代碼:javascript:(function(){function getRGBColor(node,prop){var rgb=getComputedStyle(node,null).getPropertyValue(prop);var r,g,b;if(/rgb\((\d+),\s(\d+),\s(\d+)\)/.exec(rgb)){r=parseInt(RegExp.$1,10);g=parseInt(RegExp.$2,10);b=parseInt(RegExp.$3,10);return[r/255,g/255,b/255];}return rgb;} R(document.documentElement); function R(n){var i,x,color;if(n.nodeType==Node.ELEMENT_NODE && n.tagName.toLowerCase()!=%22input%22 && n.tagName.toLowerCase()!=%22select%22 && n.tagName.toLowerCase!=%22textarea%22){for(i=0;x=n.childNodes[i];++i)R(x); color=getRGBColor(n,%22background-color%22);if( (typeof(color)!=%22string%22 && color[0] + color[1] + color[2] >= 2.8) || (n==document.documentElement && color==%22transparent%22)) { n.style.backgroundColor = %22 Darkseagreen%22;/*Moz 1.0*/ n.style.setProperty(%22background-color%22, %22 Darkseagreen%22, %22important%22);/*Moz 1.4 after zap colors*/ } }}})()
Silver：(銀色)
代碼:javascript:(function(){function getRGBColor(node,prop){var rgb=getComputedStyle(node,null).getPropertyValue(prop);var r,g,b;if(/rgb\((\d+),\s(\d+),\s(\d+)\)/.exec(rgb)){r=parseInt(RegExp.$1,10);g=parseInt(RegExp.$2,10);b=parseInt(RegExp.$3,10);return[r/255,g/255,b/255];}return rgb;} R(document.documentElement); function R(n){var i,x,color;if(n.nodeType==Node.ELEMENT_NODE && n.tagName.toLowerCase()!=%22input%22 && n.tagName.toLowerCase()!=%22select%22 && n.tagName.toLowerCase!=%22textarea%22){for(i=0;x=n.childNodes[i];++i)R(x); color=getRGBColor(n,%22background-color%22);if( (typeof(color)!=%22string%22 && color[0] + color[1] + color[2] >= 2.8) || (n==document.documentElement && color==%22transparent%22)) { n.style.backgroundColor = %22 Silver%22;/*Moz 1.0*/ n.style.setProperty(%22background-color%22, %22 Silver%22, %22important%22);/*Moz 1.4 after zap colors*/ } }}})()
Thistle：(薊色)
代碼:javascript:(function(){function getRGBColor(node,prop){var rgb=getComputedStyle(node,null).getPropertyValue(prop);var r,g,b;if(/rgb\((\d+),\s(\d+),\s(\d+)\)/.exec(rgb)){r=parseInt(RegExp.$1,10);g=parseInt(RegExp.$2,10);b=parseInt(RegExp.$3,10);return[r/255,g/255,b/255];}return rgb;} R(document.documentElement); function R(n){var i,x,color;if(n.nodeType==Node.ELEMENT_NODE && n.tagName.toLowerCase()!=%22input%22 && n.tagName.toLowerCase()!=%22select%22 && n.tagName.toLowerCase!=%22textarea%22){for(i=0;x=n.childNodes[i];++i)R(x); color=getRGBColor(n,%22background-color%22);if( (typeof(color)!=%22string%22 && color[0] + color[1] + color[2] >= 2.8) || (n==document.documentElement && color==%22transparent%22)) { n.style.backgroundColor = %22 Thistle%22;/*Moz 1.0*/ n.style.setProperty(%22background-color%22, %22 Thistle%22, %22important%22);/*Moz 1.4 after zap colors*/ } }}})()



Download YouTube & Google Video clips via bookmarklets：
http://1024k.de/bookmarklets/video-bookmarklets.html

The All-In-One Video Bookmarklet：(中文翻譯簡介)
all-in-one bookmarklet支援YouTube, Google Video, Metacafe, Myspace, Break.com, Putfile, Dailymotion, Sevenload, MyVideo.de and Clipfish.de.
這個bookmarklet會給使用者正在觀看的影片的下載連結

The Old Bookmarklets則是把支援各個線上影片網站的Bookmarklet分開,使用者可自行選擇使用

另外網站也有提供給安裝Greasemonkey套件的Firefox使用者使用的Script


最近喵到的東西

Design Bookmarklet

代碼:javascript:function%20fnStartDesign(sUrl)%20{var%20nScript%20=%20document.createElement('script');nScript.setAttribute('language','JavaScript');nScript.setAttribute('src',sUrl);document.body.appendChild(nScript);}fnStartDesign('http://www.sprymedia.co.uk/design/design/media/js/design-loader.js');


直接拖移到書籤上

簡單的說包含了四種測量用的工具

比起其他同性質的東西來說這個Bookmarklet算是相當美觀的