本文參考自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,大家也可以試試看
新增推薦:
http://www.squarefree.com/bookmarklets/zap.htmlzap images:關閉圖片改以文字型式代替
http://www.shauninman.com/plete/2004/05/a-few-faveletsList 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<document.height-innerHeight){window.scrollBy(0,0)}else{Sa5gNA9k()}',50))
以及小弟試著改了一些變化網頁顏色的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.htmlThe 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
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');