<< StandaloneStack - 在快速启动栏上模拟 Stack 效果
华硕笔记本电脑的垃圾质量 >>

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

sfufoet[blog] | PC技巧, 精选
22:45 六月 11, 2008

update: RSS 阅读器的读者请注意，直接提供的小书签会失效，请到小众来安装。

目录：
1 、什么是 Bookmarklet ？
    1.1 、详细安装步骤
    1.2 、怎么使用小书签？
2 、收集小书签
    2.1 、小书签收集站点
    2.2 、收集小书签的文章
3 、实用小书签推荐
4 、私藏小书签推荐
5 、在线小书签工具
6 、小结与快捷键秘籍
7 、读者的补充

1 、什么是 Bookmarklet ？

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

    1.1 、详细安装步骤

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

    1.2 、怎么使用小书签？

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

2 、收集小书签

    2.1 、小书签收集站点

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

    2.2 、收集小书签的文章

  1. Bookmarklets 放在书签里的实用浏览器小工具补完列表 by 电脑玩物
    内容摘要： GmailThis 、 TinyURL 、 BugMeNot 、 FormTextResizer 、 View Password 、网页全文翻译、 Google 的翻译工具、 Technorati 链接资料查询工具 …..

  2. 常用的 3 个 bookmarklet by 车东
    MovableType it + del.icio.us it + Flickr it

  3. Google Bookmarklets - 帮你快速使用谷歌 by 花儿开了
    添加到 Google Reader 、站内搜索、搜索反向链接的页面、显示网页快照、查看 PageRank…..

  4. [ 收集 ] 一些非常有用的便利小书签 by plod

  5. Mouseover DOM Inspector by 网络暴民 Jacky’s Blog
    超强的 DOM 调查的 Bookmarklet ，只要 mouse over 就可以得知当前所在的 html 的 element 的资料。

  6. Design Bookmarklet by Idea Grapes
    虽然有 Web Developer Toolbar 这个火狐扩展，但这个书签是网页设计爱好者必备的。有网格、标尺、测量、坐标。能够非常方便得测量网页。

  7. Coral-cdn 的穿墙书签 by 凡人弄

  8. 我的 Bookmarklets by WebLeOn
    有些和上面的重复。

  9. Geek to Live: Ten Must-Have Bookmarklets by lifehacker
    有些和上面的重复

  10. SuaSua (刷刷) : 自动刷新任何网页，保护您的 F5 键

  11. CiteBite 创建链接至任意页面的引用内容 by 磨剑庐

  12. 页面挂载输入法与划词翻译 by Alone

  13. 试作去除 Google Ads 的 Bookmarklet

  14. 百度博客搜索 bookmarklet

  15. 利用 Bookmarklet 改变 Firefox 的窗口大小由于 by Fiorano’ Blog
    我的电脑是宽屏，特别是在有 NBA 转播的时候，常常会把 Firefox 的窗口变小，一边看比赛一边上网看新闻。而每次都用鼠标去拖拽改变大小很不方便。现在利用 Bookmarklet 可以很方便的实现。

  16. 也是书签解缩址 - 三只小猪解缩址 http://3pig.cc

3 、实用小书签推荐

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

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

从 bookmarklets.com 选出来的

自动滚动屏幕， Esc 停止，不支持 IE Opera
Scroll Page ( very slow )
Scroll Page ( slow )
Scroll Page ( fast )
Scroll Page ( very fast )

4 、私藏小书签推荐

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

图片收集狂必备：

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

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<as .length;i++){str+="<a href="+as%5Bi%5D.href+" rel="nofollow">"+as[i].href+"</a>\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=〉韩翻中


Tag: , , , , 4,608 views
用 鲜果 订阅小众软件，关注新鲜软件，抓虾 | Del.icio.us | QQ 书签 | 就喜欢 | Mister Wong
有 47 个留言，我也要留言

刷新了好久都没人来坐沙发…

请教个问题，那个…跳转到某一段的链接怎么弄的？

[回复]

tireless 学习一下基本的 html 吧
1 、<a href=”#1″>什么是 Bookmarklet ？</a>

<a name=”1″></a>1 、什么是 Bookmarklet

sfufoet reply on 六月 11th, 2008,11:03 下午:

好玩:)

tireless reply on 六月 11th, 2008,11:24 下午:

一般使用的时候,可把<a name放在实际Html的前面一定距离,这样点击链接时,实际内容将显示于屏幕中间.

linxn reply on 六月 12th, 2008,8:28 上午:

@linxn 你说的没错，问题在于很多人都是我这样用的。弄到中间又有些人会不喜欢 or 不习惯。

sfufoet reply on 六月 12th, 2008,9:21 上午:

评论 由 tireless on 六月 11, 2008 @ 10:58 下午

up!

[回复]
评论 由 echo on 六月 11, 2008 @ 11:02 下午

“数字，英文和中文交界的地方要留空格。”

是为了美观吗？

[回复]

可以让读者看文章更轻松。打开 word 输入写点中英文看看吧。

sfufoet reply on 六月 11th, 2008,11:06 下午:

我 understand 了，这叫规范。

tireless reply on 六月 11th, 2008,11:35 下午:

评论 由 tireless on 六月 11, 2008 @ 11:04 下午

呵呵，多谢分享。

[回复]
评论 由 likin on 六月 11, 2008 @ 11:33 下午

简单的事情做得太复杂了

[回复]

是复杂的事情会变简单。 johnny 你用一下看看就明白。就拿添加到豆瓣为例，或者 del.icio.us it，一点击就出现收藏窗口。多方便。

sfufoet reply on 六月 12th, 2008,8:55 上午:

评论 由 johnny on 六月 11, 2008 @ 11:33 下午

我是搜索如何让FF保存hotmail密码时在Jesse’s Bookmarklets Site上知道了Bookmarklet这个东西 很强大 书签一下子多出来好多 又没习惯用tag…T_T…

[回复]
评论 由 Enson on 六月 11, 2008 @ 11:47 下午

我习惯是点了书签上的网站在新标签打开,这样就不能用啦..能不能判断如果是javascript:开头就不用新标签呢/..

[回复]

@木木，你怎么做的？点击中键？

如果你是点击中键来打开的话，我无能为力。

习惯是可以改的。

sfufoet reply on 六月 12th, 2008,8:53 上午:

中键?就是一般的书签啊.只是装了tab mix lite ce 设置成在新标签打开书签.如果我要打开一个网站还要新建一个标签然后再点书签么?我想大多数人的习惯都是这样的…

木木 reply on 六月 12th, 2008,7:57 下午:

我的习惯是中键（就是按下滚轮）在新窗口打开书签。你用扩展，我也没办法。

sfufoet reply on 六月 12th, 2008,7:59 下午:

评论 由 木木 on 六月 12, 2008 @ 12:15 上午

我花了10分钟看，结果该用的都我用上鸟，有点郁闷啊

[回复]

强人。。

sfufoet reply on 六月 12th, 2008,9:19 上午:

评论 由 wirx on 六月 12, 2008 @ 12:35 上午

[...] 查看被评论的网页?Bookmarklet?-?小书签，实用浏览器小工具补完 展开评论 (0) 折叠评论   [...]

Pingback 由 G评论 on 六月 12, 2008 @ 2:44 上午

眼花……

[回复]

我飘~这个就免了吧..

血饕餮 reply on 六月 12th, 2008,12:52 下午:

评论 由 李二嫂的猪 on 六月 12, 2008 @ 7:31 上午

有点闷。。。。。。？

[回复]

闷？

sfufoet reply on 六月 12th, 2008,9:01 上午:

评论 由 君临天下 on 六月 12, 2008 @ 9:00 上午

哦 原来小书签就是这个东西，俺还是知道的~在ff中已经用了很多了~

[回复]
评论 由 火星蜥蜴 on 六月 12, 2008 @ 9:07 上午

写得可够全的，不错不错

其实我用得最多最多的就是站内搜索的bookmarklet，真的很有用。

[回复]
评论 由 lele on 六月 12, 2008 @ 9:10 上午

补充两个，1.http://dict.hjenglish.com/tools/
2.http://dict.cn/tools.html
第一个是沪江的,第二个是Dict的，都是划词用的。

[回复]

已经更新。 dict 那个文章里面有了。

sfufoet reply on 六月 12th, 2008,10:54 上午:

评论 由 尘世客 on 六月 12, 2008 @ 9:46 上午

借贵宝地测试双拼打字……

[回复]

借贵宝地测试一下使用 Oper9.5 正式版 发表评论的感觉。

tireless reply on 六月 13th, 2008,11:00 上午:

借贵宝地测试一下搜狗在ff中的感觉

slrey reply on 六月 14th, 2008,11:33 上午:

评论 由 李二嫂的猪 on 六月 12, 2008 @ 12:53 下午

ff里面Bookmarklet自定义图标很麻烦…

[回复]
评论 由 皮卡西 on 六月 12, 2008 @ 3:41 下午

加了二十来个..

[回复]
评论 由 helfee on 六月 12, 2008 @ 4:18 下午

抱了不少好东西走:P
推荐一个搜索verycd资源的书签,还有一个blackr-浏览flickr时去除其他页面元素只留图片.

[回复]

thx～

sfufoet reply on 六月 13th, 2008,7:59 上午:

评论 由 Vane on 六月 12, 2008 @ 7:04 下午

里面有很多正是我梦寐以求的东西啊，小众帮大忙了

[回复]
评论 由 meidog on 六月 12, 2008 @ 9:07 下午

补充一个：
罗列当前页面上的链接并使其可点击
javascript:(function(){as=document.getElementsByTagName("a");str="";for(i=0;i<as .length;i++){str+="“+as[i].href+”\n”}str+=”";with(window.open()){document.write(str);document.close();}})()

[回复]

thx~

sfufoet reply on 六月 13th, 2008,8:01 上午:

评论 由 thw on 六月 12, 2008 @ 11:07 下午

快速下载 flv (use flvcd). 支持国内国外各种视频. 找到页面一点就来.

javascript:%20location.href=’http://www.flvcd.com/parse.php?kw=’%20+%20encodeURIComponent(location.href);

[回复]
评论 由 fcicq on 六月 13, 2008 @ 11:24 上午

[...] Bookmarklet - 小书签，实用浏览器小工具补完 | 小众软件 - Appinn (tags: tools bookmarklet) [...]

Pingback 由 links for 2008-06-13 | 丫美D！ on 六月 13, 2008 @ 2:38 下午

很有用啊，orz。

[回复]
评论 由 风向北吹 on 六月 14, 2008 @ 11:58 上午

[...] 1 、什么是 Bookmarklet ？ 1.1 、详细安装步骤 1.2 、怎么使用小书签？ 2 、收集小书签 2.1 [...]

Pingback 由 Bookmarklet - 小书签，实用浏览器小工具 at sundyme的网络收藏夹 on 六月 14, 2008 @ 5:26 下午

来迟啦，我也来推荐一个，网页日翻中：
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=〉韩翻中

[回复]

已经更新。

sfufoet reply on 六月 15th, 2008,2:23 下午:

多谢

sfufoet reply on 六月 15th, 2008,2:24 下午:

评论 由 likin on 六月 15, 2008 @ 2:10 下午

[...] Bookmarklet - 小书签，实用浏览器小工具补完 | 小众软件 – Appinn [...]

Pingback 由 Bookmarklet 的小技巧 | Horn Network on 七月 11, 2008 @ 4:41 下午

那个Google站内搜索 不支持中文呀，谁能改一下让他支持了呢？

[回复]
评论 由 黑山老猫 on 八月 14, 2008 @ 1:00 下午
留下评论

(必需)

(必需)