Bookmarklet - 小书签，实用浏览器小工具

导读：

1 、什么是 Bookmarklet ？

Bookmarklet ，大陆这边一般都称呼为小书签，台湾那边称呼为书签列小程式 or 书签小程式。它是一段 JavaScript 脚本，一般网络上的小书签都是一个链接，它的安装非常简单，只需要把链接拖到你的收藏夹里。

1.1 、详细安装步骤

以推荐到豆瓣这个小书签为例子，豆瓣的“推荐到豆瓣”小书签的的安装步骤非常详细，在不同的浏览器安装办法：

添加到 firefox

把推荐到豆瓣拖到书签工具栏上。
添加到 IE / Maxthon / opera
右键点击推荐到豆瓣，选择“添加到收藏夹”如果出现安全警报： “您正在添加一个可能不安全的收藏页。是否继续？” 选择“ 是” 。
添加到 safari
把推荐到豆瓣拖到书签工具栏上

1.2 、怎么使用小书签？

在收藏夹工具栏或者收藏夹里点击推荐到豆瓣就会弹出“推荐当前网页到豆瓣”的窗口。非常方便。

2 、收集小书签

2.1 、小书签收集站点

这两个站点都是英文，非常棒。

Bookmarklets
Jesse’s Bookmarklets Site

2.2 、收集小书签的文章

Bookmarklets 放在书签里的实用浏览器小工具补完列表 by 电脑玩物

内容摘要： GmailThis 、 TinyURL 、 BugMeNot 、 FormTextResizer 、 View Password 、网页全文翻译、 Google 的翻译工具、 Technorati 链接资料查询工具 …..
常用的 3 个 bookmarklet by 车东
MovableType it + del.icio.us it + Flickr it
Google Bookmarklets - 帮你快速使用谷歌 by 花儿开了
添加到 Google Reader 、站内搜索、搜索反向链接的页面、显示网页快照、查看 PageRank…..
[ 收集 ] 一些非常有用的便利小书签 by plod
Mouseover DOM Inspector by 网络暴民 Jacky’s Blog
超强的 DOM 调查的 Bookmarklet ，只要 mouse over 就可以得知当前所在的 html 的 element 的资料。
Design Bookmarklet by Idea Grapes
虽然有 Web Developer Toolbar 这个火狐扩展，但这个书签是网页设计爱好者必备的。有网格、标尺、测量、坐标。能够非常方便得测量网页。
Coral-cdn 的穿墙书签 by 凡人弄
我的 Bookmarklets by WebLeOn
有些和上面的重复。
Geek to Live: Ten Must-Have Bookmarklets by lifehacker
有些和上面的重复
SuaSua (刷刷) : 自动刷新任何网页，保护您的 F5 键
CiteBite 创建链接至任意页面的引用内容 by 磨剑庐
页面挂载输入法与划词翻译 by Alone
试作去除 Google Ads 的 Bookmarklet
百度博客搜索 bookmarklet
利用 Bookmarklet 改变 Firefox 的窗口大小由于 by Fiorano’ Blog
我的电脑是宽屏，特别是在有 NBA 转播的时候，常常会把 Firefox 的窗口变小，一边看比赛一边上网看新闻。而每次都用鼠标去拖拽改变大小很不方便。现在利用 Bookmarklet 可以很方便的实现。
也是书签解缩址 - 三只小猪解缩址 http://3pig.cc

3 、实用小书签推荐

从 Jesse’s Bookmarklets Site 精选出来的：

=0%20){%20spannode=document.createElement%20(%20"SPAN"%20)%20;spannode.style.backgroundColor="yellow";middlebit=node.splitText%20(%20pos%20)%20;endbit=middlebit.splitText%20(%20len%20)%20;middleclone=middlebit.cloneNode%20(%20true%20)%20;spannode.appendChild%20(%20middleclone%20)%20;middlebit.parentNode.replaceChild%20(%20spannode,middlebit%20)%20;++count;skip=1;%20}}%20else%20if%20(%20%20node.nodeType==1&&%20node.childNodes%20&&%20node.tagName.toUpperCase%20()%20!="SCRIPT"%20&&%20node.tagName.toUpperCase!="STYLE"%20){%20for%20%20(%20var%20child=0;%20child%20<%20%20node.childNodes.length;%20++child%20){%20child=child+searchWithinNode%20(%20node.childNodes[child],%20te,%20len%20)%20;%20}}%20return%20skip;%20}%20window.status="Searching%20for%20'"+text+"'...";searchWithinNode%20(%20document.body,%20text.toUpperCase%20()%20,%20text.length%20)%20;window.status="Found%20"+count+"%20occurrence"+%20(%20count==1?"":"s"%20)%20+"%20of%20'"+text+"'.";%20})()%20;">highlight

高亮特定文字(不支持 IE )
=0%20){%20spannode=document.createElement%20(%20"SPAN"%20)%20;spannode.style.backgroundColor="yellow";middlebit=node.splitText%20(%20pos%20)%20;endbit=middlebit.splitText%20(%20RegExp.$1.length%20)%20;middleclone=middlebit.cloneNode%20(%20true%20)%20;spannode.appendChild%20(%20middleclone%20)%20;middlebit.parentNode.replaceChild%20(%20spannode,middlebit%20)%20;++count;skip=1;%20}}%20else%20if%20(%20%20node.nodeType==1%20&&%20node.childNodes%20&&%20node.tagName.toUpperCase%20()%20!="SCRIPT"%20&&%20node.tagName.toUpperCase!="STYLE"%20){%20for%20%20(%20var%20child=0;%20child%20<%20%20node.childNodes.length;%20++child%20){%20child=child+searchWithinNode%20(%20node.childNodes[child],%20re%20)%20;%20}}%20return%20skip;%20}%20window.status="Searching%20for%20"+regexp+"...";searchWithinNode%20(%20document.body,%20regexp%20)%20;window.status="Found%20"+count+"%20match"+%20(%20count==1?"":"es"%20)%20+"%20for%20"+regexp+".";%20})()%20;">highlight regexp
支持正则表达式的高亮(不支持 IE )

下面这几个我就不支持做成小书签了，大家到收集页面去收藏。因为做出来的都是失败的，不知道是 wp 的原因还是其他因素。

sort table

表格排序
zap plugins
移除 java ， flash ，背景音乐，第三方 Ifames
zap colors
让页面的颜色变成白底黑字
zap cookies
移除当前网站的 cookie
restore context menu
还原被锁的右键菜单(不支持 Opera )
restore selecting
修复无法选择文字的页面。破解一些有版权保护的页面。请勿用于非法活动。(不支持 Opera )
up
返回到上一层地址。等于资源管理器的“向上”按钮。比如可以让你从 www.appinn.com/a/b.html 快速访问到 www.appinn.com/a/
increment
让网址的最后一个数字加 1 ，翻页必备
decrement
让网址的最后一个数字减 1 ，翻页必备

从 bookmarklets.com 选出来的

自动滚动屏幕， Esc 停止，不支持 IE Opera

Scroll Page ( very slow )

Scroll Page ( slow )

Scroll Page ( fast )

Scroll Page ( very fast )

4 、私藏小书签推荐

私藏？你竟然敢私藏！？哎呀我不是放出来了嘛，大部分都是我根据一些小书签修改的。我不敢保证支持所有浏览器，我只能保证 firefox 是没问题的。

图片收集狂必备：

'}};if(outText!='){imgWindow=window.open(','imgWin','width=800,height=600');imgWindow.document.write%20(''+outText+'');imgWindow.document.close()}else{alert('No%20images!')}" add_date="1205110526" last_charset="ISO-8859-1">OnlyListImage

这些是在新窗口列出当前页面图片，会处理重复图片，印象中这几个是我修改的。

';}imgWindow=window.open(','imgWin','width=800,height=600');imgWindow.document.write(allText);imgWindow.document.close();}}if(!n_to_open){for(i=0;i';}imgWindow=window.open(','imgWin','width=800,height=600');imgWindow.document.write(allText);imgWindow.document.close();}})();">ShowSelectPic

在新窗口显示选中的图片。

煎蛋有
个规矩：数字，英文和中文交界的地方要留空格。这是个非常好的习惯，可以让读者看文章更轻松。想要证据？打开 word
输入写点中英文看看吧。强烈呼吁所有写博的朋友都养成这个习惯。只是有时候会忘记或者懒得空格，所以就有了这个小书签。适合 wordpress
用户。因为发生很奇怪的问题，我没办法把下面的代码写成一个链接，所以只能委屈大家新建一个书签，在地址中粘贴下面的代码。

javascript:(function(){var
q;q=document.getElementById(’content’).value;q=q.replace(/([a-zA-Z0-9~!@#/$%/^&/*-_/+=,//?:/%22]+)/g,%22%20$1%20%22);q=q.replace(/%20′%20/g,%22′%22);q=q.replace(/%20%20/g,%22>%22);q=q.replace(/(%20+)/g,%22%20%22);document.getElementById(’content’).value=q;})();

其他看图片设置：

5 、在线小书签工具

Bookmarklet Builder 方便书写小书签的工具。对于开发者，可以把多行代码变成一行（ Compress ）。对于学习者，可以把小书签展开成多行（ Format ）。

blummy 小书签太多了怎么办？建立几个文件夹分类，或者使用这个服务，详细介绍请看凡人弄的文章

另外 realazy 的文章在讨论写 bookmarklet 的注意点。

这里还有一篇教学：如何为一个搜索引擎创建搜索小书签（英文）

6 、小结与快捷键秘籍

现在很多的 web 2.0 都提供这样方便的提交内容的小书签，比如 Google Reader 的 note，还有 evernote 等等，非常多。所以我们要善用这些神奇的小工具来提供上网效率。

看到这里，你会觉得 Bookmarklet 和火狐扩展 Greasemonkey （ IE 下的 IE7Pro 也有这个扩展）的功能重复了。 BookMarklet 是手动， Greasemonkey 是全自动的。 BookMarklet 是作为 Greasemonkey 的一个补充工具。

IE 用户可以为小书签设置一个快捷键：

在小书签上右击选择“属性”，在“快捷键”一栏输入按下快捷键，然后点击确定，IE
会弹出一个对话框：“javascript”协议没有已注册的程序。是否仍保留这一目标？选择“是”。
用法当然是按下设置好的快捷键了。

火狐用户可以设置一个“关键字”，关键字可长可短：

同样是在小书签上右击选择“属性”，比如我为 OnlyListImage 设置的关键字为 li。用法是：在地址栏输入 li，并回车。（快速把光标定位到地址栏的快捷键是 Alt + D）

7 、读者的补充

尘世客补充：

补充个划词翻译：沪江小D

Vane 补充：

推荐一个搜索 verycd 资源的书签，还有一个blackr 浏览 flickr 时去除其他页面元素只留图片。

thw 补充：

罗列当前页面上的链接并使其可点击

javascript:(function(){as=document.getElementsByTagName("a");str="";for(i=0;i
.length;i++){str+="
rel="nofollow">"+as[i].href+"/n"}str+="";with(window.open()){document.write(str);document.close();}})()

likin 补充：

来迟啦，我也来推荐一个，网页日翻中：

javascript:location.href=%22http://www.worldlingo.com/wl/mstranslate/UP26384/T1/P2/l/zh/microsoft/computer_translation.html?wl_lp=JA-zh&wl_fl=3&wl_g_table=-3&wl_url=%22+location.href;

“JA-zh”换掉就可实现其它语言之间的翻译，部分如下：

ENzh=〉英翻中

zhEN=〉中翻英

JA-zh=〉日翻中

zh-JA=〉中翻日

ZH_CN-ZH_TW=〉简转繁

ZH_TW-ZH_CN=〉繁转简

DEzh=〉德翻中

NL-zh=〉荷翻中

ELzh=〉希翻中

ESzh=〉西翻中

PTzh=〉葡翻中

RUzh=〉俄翻中

KO-zh=〉韩翻中

本文转自

http://www.appinn.com/bookmarklet/

Bookmarklet - 小书签，实用浏览器小工具相关推荐

[转]Windows Sysinternals 微软官方免费的极品实用绿色小工具合集，绝对值得你收藏
Windows Sysinternals Suite 是一套由微软官方免费提供的系统工具集,其中包含了大量超级实的优秀绿色小软件,譬如 Desktops (虚拟桌面).Process Explorer ...
在计算机桌面上添加小工具日历,实用桌面小工具时钟日历在win7中的添加方法...
我们在win7系统的使用中,小伙伴们都是知道的系统可以直接选择安装不同的小工具在电脑中使用,比如电脑中的时钟日历等都是可以直接安装在桌面来使用的牡丹石有小伙伴对于时钟日历不知道是在哪里添加到桌面的,对 ...
【华为云技术分享】程序员实用JDK小工具归纳
在JDK的安用装目录bin下,有一些有非常实用的小工具,可用于分析JVM初始配置.内存溢出异常等问题,我们接下来将对些常用的工具进行一些说明. 1. JDK小工具简介在JDK的bin目录下面有一些小 ...
Unity 实用代码小工具
Unity 实用代码小工具 Unity 屏幕截图全屏截图方法全屏截图方法带委托事件自定义截图方法自定义截图方法带委托延迟工具携程延迟方法携程延迟带委托方法场景加载场景加载方法 ...
计算机给文件重命名快捷键,实用电脑小技巧：批量重命名文件常用的小工具也可以设快捷键...
沪江小编:对于很多人来说,电脑应该算是使用频率最高的工具了,可是你真的会用电脑么?实用电脑小技巧,用最简单明了的方式给你无比有趣的电脑使用新体验. [视觉遗像]注视图形中央的四个黑点30秒,然后闭眼仰 ...
微信小程序实用工具——渐变色按钮（一）
微信小程序实用工具--渐变色按钮(一) 文章目录微信小程序实用工具--渐变色按钮(一) 前言按钮一按钮二按钮三按钮四按钮五按钮六按钮七按钮八前言平时我们在开发中的按钮色调过于单调 ...
[工具]ScreenToGif:一款小而实用的屏幕录制生成gif工具
因为写博客或工作等原因,经常需要录制屏幕并制作gif图.ScreenToGif使用了小半年了,给我的感觉就是"小而实用",大小仅2M多(压缩后才几百K),但却包含了录制及常用的gi ...
实用小程序保持浏览器活跃辅助挖共生币【新加了资源链接视频图片解释】...
本片博文转载 _YPC,感觉很好用关于保持浏览器活跃的的一段小代码-- 稍微有点小改动前言这篇文章是关于共生币的,不喜的朋友可以直接绕道直接上代码 /*==================== ...
html制作nba网页,NBA篮球_实用电脑小技巧：通俗解答html 自己动手建一个非常简单的网页_沪江英语...
沪江小编:对于很多人来说,电脑应该算是使用频率最高的工具了,可是你真的会用电脑么?实用电脑小技巧,用最简单明了的方式给你无比有趣的电脑使用新体验. html是什么,什么是html通俗解答: 通俗的讲h ...

Bookmarklet - 小书签，实用浏览器小工具

Bookmarklet - 小书签，实用浏览器小工具相关推荐

最新文章

热门文章