2008.06.11 by sfufoet

Bookmarklet – 小书签,实用浏览器小工具补完

70

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 的原因还是其他因素。

  • 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 是没问题的。

图片收集狂必备:

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;})();

其他看图片设置:
Bookmarklet   小书签,实用浏览器小工具补完[图] | 小众软件 > pcskill

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”协议没有已注册的程序。是否仍保留这一目标?选择“是”。用法当然是按下设置好的快捷键了。

Bookmarklet   小书签,实用浏览器小工具补完[图] | 小众软件 > pcskill

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

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

Bookmarklet   小书签,实用浏览器小工具补完[图] | 小众软件 > pcskill

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=〉韩翻中

34 Comments:

  1. 1. tireless said on: 2008/06/11 22:58

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

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

    (0)反对 (0)

    回复

    Gavatar | 小众软件

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

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

    (0)反对 (0)

    回复

    sfufoet reply on 六月 11th, 2008,23:03:

    Gavatar | 小众软件

    好玩:)

    (0)反对 (0)

    回复

    tireless reply on 六月 11th, 2008,23:24:

    Gavatar | 小众软件

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

    (0)反对 (0)

    回复

    linxn reply on 六月 12th, 2008,08:28:

    Gavatar | 小众软件

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

    (0)反对 (0)

    回复

    sfufoet reply on 六月 12th, 2008,09:21:

  2. 2. echo said on: 2008/06/11 23:02

    up!

    (0)反对 (0)

    回复

  3. 3. tireless said on: 2008/06/11 23:04

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

    是为了美观吗?

    (0)反对 (0)

    回复

    Gavatar | 小众软件

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

    (0)反对 (0)

    回复

    sfufoet reply on 六月 11th, 2008,23:06:

    Gavatar | 小众软件

    我 understand 了,这叫规范。

    (0)反对 (0)

    回复

    tireless reply on 六月 11th, 2008,23:35:

  4. 4. likin said on: 2008/06/11 23:33

    呵呵,多谢分享。

    (0)反对 (0)

    回复

  5. 5. johnny said on: 2008/06/11 23:33

    简单的事情做得太复杂了

    (0)反对 (0)

    回复

    Gavatar | 小众软件

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

    (0)反对 (0)

    回复

    sfufoet reply on 六月 12th, 2008,08:55:

  6. 6. Enson said on: 2008/06/11 23:47

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

    (0)反对 (0)

    回复

  7. 7. 木木 said on: 2008/06/12 00:15

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

    (0)反对 (0)

    回复

    Gavatar | 小众软件

    @木木,你怎么做的?点击中键?

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

    习惯是可以改的。

    (0)反对 (0)

    回复

    sfufoet reply on 六月 12th, 2008,08:53:

    Gavatar | 小众软件

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

    (0)反对 (0)

    回复

    木木 reply on 六月 12th, 2008,19:57:

    Gavatar | 小众软件

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

    (0)反对 (0)

    回复

    sfufoet reply on 六月 12th, 2008,19:59:

  8. 8. wirx said on: 2008/06/12 00:35

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

    (0)反对 (0)

    回复

    Gavatar | 小众软件

    强人。。

    (0)反对 (0)

    回复

    sfufoet reply on 六月 12th, 2008,09:19:

  9. 9. 李二嫂的猪 said on: 2008/06/12 07:31

    眼花……

    (0)反对 (0)

    回复

    Gavatar | 小众软件

    我飘~这个就免了吧..

    (0)反对 (0)

    回复

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

  10. 10. 君临天下 said on: 2008/06/12 09:00

    有点闷。。。。。。?

    (0)反对 (0)

    回复

    Gavatar | 小众软件

    闷?

    (0)反对 (0)

    回复

    sfufoet reply on 六月 12th, 2008,09:01:

  11. 11. 火星蜥蜴 said on: 2008/06/12 09:07

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

    (0)反对 (0)

    回复

  12. 12. lele said on: 2008/06/12 09:10

    写得可够全的,不错不错

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

    (0)反对 (0)

    回复

  13. 13. 尘世客 said on: 2008/06/12 09:46

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

    (0)反对 (0)

    回复

    Gavatar | 小众软件

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

    (0)反对 (0)

    回复

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

  14. 14. 李二嫂的猪 said on: 2008/06/12 12:53

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

    (0)反对 (0)

    回复

    Gavatar | 小众软件

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

    (0)反对 (0)

    回复

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

    Gavatar | 小众软件

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

    (0)反对 (0)

    回复

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

  15. 15. 皮卡西 said on: 2008/06/12 15:41

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

    (0)反对 (0)

    回复

  16. 16. helfee said on: 2008/06/12 16:18

    加了二十来个..

    (0)反对 (0)

    回复

  17. 17. Vane said on: 2008/06/12 19:04

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

    (0)反对 (0)

    回复

    Gavatar | 小众软件

    thx~

    (0)反对 (0)

    回复

    sfufoet reply on 六月 13th, 2008,07:59:

  18. 18. meidog said on: 2008/06/12 21:07

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

    (0)反对 (0)

    回复

  19. 19. thw said on: 2008/06/12 23: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();}})()

    (0)反对 (0)

    回复

    Gavatar | 小众软件

    thx~

    (0)反对 (0)

    回复

    sfufoet reply on 六月 13th, 2008,08:01:

  20. 20. fcicq said on: 2008/06/13 11:24

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

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

    (0)反对 (0)

    回复

  21. 21. 风向北吹 said on: 2008/06/14 11:58

    很有用啊,orz。

    (0)反对 (0)

    回复

  22. 22. likin said on: 2008/06/15 14:10

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

    (0)反对 (0)

    回复

    Gavatar | 小众软件

    已经更新。

    (0)反对 (0)

    回复

    sfufoet reply on 六月 15th, 2008,14:23:

    Gavatar | 小众软件

    多谢

    (0)反对 (0)

    回复

    sfufoet reply on 六月 15th, 2008,14:24:

  23. 23. 黑山老猫 said on: 2008/08/14 13:00

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

    (0)反对 (0)

    回复

    Gavatar | 小众软件

    @黑山老猫, 站内搜索

    (0)反对 (0)

    回复

    Z reply on 一月 15th, 2009,15:51:

    Gavatar | 小众软件

    @黑山老猫, 上一个有误,这个再测试下 ^_^!!站内搜索

    (0)反对 (0)

    回复

    Z reply on 一月 15th, 2009,16:00:

    Gavatar | 小众软件

    @黑山老猫, test 站内搜索

    (0)反对 (0)

    回复

    Z reply on 一月 15th, 2009,16:03:

    Gavatar | 小众软件

    @黑山老猫, 终于可以了 稍作修改了下 搜索结果在新页面中打开 无视第一第二条回复

    (0)反对 (0)

    回复

    Z reply on 一月 15th, 2009,16:05:

    Gavatar | 小众软件

    @黑山老猫, 奇怪了,还是不行,贴源码吧

    javascript:(function(){ p=prompt(‘%E5%85%B3%E9%94%AE%E8%AF%8D:’,”); if(p){ window.open(‘http://www.google.com/search?q=site:’+document.location.href.split(‘/’)[2]+’ ‘+p)} })();

    对于带来的阅读困扰深感不安

    (0)反对 (0)

    回复

    Z reply on 一月 15th, 2009,16:12:

    Gavatar | 小众软件

    @黑山老猫,
    还是不行,贴代码:

    javascript:(function(){p=prompt(‘Search term:’,”);if(p){window.open(‘http://www.google.com/search?q=site:’+document.location.href.split(‘/’)[2]+’ ‘+encodeURIComponent(p));}})();

    (0)反对 (0)

    回复

    Z reply on 一月 15th, 2009,20:07:

  24. 24. sumahaoma said on: 2008/10/04 10:26

    要是把文字链接换成图标链接不是更好看

    (0)反对 (0)

    回复

  25. 25. sein said on: 2008/11/08 09:49

    顶火山大师!

    (0)反对 (0)

    回复

  26. 26. I.O.R.I. said on: 2009/01/08 19:03

    想弄一个在Opera中复制网页标题和链接到剪贴板的小书签,找了半天,没有可用的。
    还有人知道啊?

    (0)反对 (0)

    回复

  27. 27. jecoso said on: 2009/02/21 18:25

    好东西,收藏了先

    但是有个问题,如何让自己的这个bookmarklet在多个计算机间同步呢?
    比如我的书签存在Google书签里,只要连上互联网就可以使用了,但是刚才试了一下,Google书签中不允许添加非http://开头的地址,不知道小众是否有办法呢?

    非常的感谢

    (0)反对 (0)

    回复

    Gavatar | 小众软件

    @jecoso, 把书签导出吧,然后放到U盘或者网盘里,到了目标PC再导入。

    (0)反对 (0)

    回复

    sfufoet reply on 二月 21st, 2009,19:00:

  28. 28. 老N said on: 2009/03/29 12:49

    好多啊,非常喜欢这些小书签!收藏使用之!

    (0)反对 (0)

    回复

  29. 29. 有鱼 said on: 2009/05/05 10:19

    很喜欢,往书签栏上对了许多,即使占用chrome一栏的空间也可以接受,反正可以随时隐匿和呼出。我还想找到一个这样的bookmarklet:将图片收藏到picasa网络相册。哪位好心人能提供一个啊?

    (0)反对 (0)

    回复

  30. 30. Priscilla Melendez said on: 2009/08/10 09:39

    [url=http://2km1rnpfi40viyr8.com/]ys4s2ut02p40i5wp[/url]
    [link=http://odduq8dgt8n6m8lo.com/]vu2m7chid0uwpthn[/link]
    np1whohh9i3kl1ws
    http://h02wcpqmzn7uty3s.com/

    小书签

    (0)反对 (0)

    回复

  31. 31. 发条狐狸 said on: 2009/10/11 12:42

    怎么把这样的小书签变成http开头的呢?我要加小书签去gr的sent to.

    (0)反对 (0)

    回复

  32. 32. 11111111 said on: 2010/04/25 09:12

    晕 不说豆瓣会死 简单的事情做得太复杂了,

    虽然 我是在别处已经会用了才见你的分享,
    不过还是 谢谢分享 、
    基本一般人看你这篇文章会晕倒 还不弄明白

    (0)反对 (0)

    回复

  33. 33. Breakhit said on: 2010/06/29 14:10

    有没有自动在PHP论坛网址上加 &orderby=dataline 这个后缀的小脚本啊

    (0)反对 (0)

    回复

  34. 34. wzg said on: 2010/09/05 15:22

    想问下有谁知道怎么编辑这些bookmarklet啊

    (0)反对 (0)

    回复

    Gavatar | 小众软件

    @wzg, 右击书签,选择属性,在地址一栏里面。

    (0)反对 (0)

    回复

    sfufoet reply on 九月 5th, 2010,22:59:

Post a Comment

Your email is never published nor shared. Required fields are marked *

Name*

E-mail*

Website

Type your comment out: