
update: RSS 阅读器的读者请注意,直接提供的小书签会失效,请到小众来安装。
目录:
1 、什么是 Bookmarklet ?
1.1 、详细安装步骤
1.2 、怎么使用小书签?
2 、收集小书签
2.1 、小书签收集站点
2.2 、收集小书签的文章
3 、实用小书签推荐
4 、私藏小书签推荐
5 、在线小书签工具
6 、小结与快捷键秘籍
7 、读者的补充
Bookmarklet ,大陆这边一般都称呼为小书签,台湾那边称呼为书签列小程式 or 书签小程式。它是一段 JavaScript 脚本,一般网络上的小书签都是一个链接,它的安装非常简单,只需要把链接拖到你的收藏夹里。
以推荐到豆瓣这个小书签为例子,豆瓣的“推荐到豆瓣”小书签的的安装步骤非常详细,在不同的浏览器安装办法:
在收藏夹工具栏或者收藏夹里点击推荐到豆瓣就会弹出“推荐当前网页到豆瓣”的窗口。非常方便。
2 、收集小书签
这两个站点都是英文,非常棒。
从Jesse’s Bookmarklets Site 精选出来的:
下面这几个我就不支持做成小书签了,大家到收集页面去收藏。因为做出来的都是失败的,不知道是 wp 的原因还是其他因素。
从bookmarklets.com 选出来的
自动滚动屏幕, Esc 停止,不支持 IE Opera
Scroll Page ( very slow )
Scroll Page ( slow )
Scroll Page ( fast )
Scroll Page ( very fast )
私藏?你竟然敢私藏!?哎呀我不是放出来了嘛,大部分都是我根据一些小书签修改的。我不敢保证支持所有浏览器,我只能保证 firefox 是没问题的。
图片收集狂必备:
OnlyListImage
ListJPG
ListGIF
ListPNG
ListBMP
这些是在新窗口列出当前页面图片,会处理重复图片,印象中这几个是我修改的。
ShowSelectPic
在新窗口显示选中的图片。
煎蛋有个规矩:数字,英文和中文交界的地方要留空格。这是个非常好的习惯,可以让读者看文章更轻松。想要证据?打开 word 输入写点中英文看看吧。强烈呼吁所有写博的朋友都养成这个习惯。只是有时候会忘记或者懒得空格,所以就有了这个小书签。适合 wordpress 用户。因为发生很奇怪的问题,我没办法把下面的代码写成一个链接,所以只能委屈大家新建一个书签,在地址中粘贴下面的代码。
#"/web/20210118224608/https://www.appinn.com/cdn-cgi/l/email-protection" data-cfemail="0465297e45295e34293d7a2544">[email protected]#\$%\^&\*-_\+=,<\.>/\?:\%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 Builder 方便书写小书签的工具。对于开发者,可以把多行代码变成一行( Compress )。对于学习者,可以把小书签展开成多行( Format )。
blummy 小书签太多了怎么办?建立几个文件夹分类,或者使用这个服务,详细介绍请看凡人弄的文章
另外 realazy 的文章在讨论写 bookmarklet 的注意点。
这里还有一篇教学:如何为一个搜索引擎创建搜索小书签(英文)
现在很多的 web 2.0 都提供这样方便的提交内容的小书签,比如 Google Reader 的 note,还有 evernote 等等,非常多。所以我们要善用这些神奇的小工具来提供上网效率。
看到这里,你会觉得 Bookmarklet 和火狐扩展Greasemonkey ( IE 下的 IE7Pro 也有这个扩展)的功能重复了。 BookMarklet 是手动, Greasemonkey 是全自动的。 BookMarklet 是作为 Greasemonkey 的一个补充工具。
IE 用户可以为小书签设置一个快捷键:
在小书签上右击选择“属性”,在“快捷键”一栏输入按下快捷键,然后点击确定,IE 会弹出一个对话框:“javascript”协议没有已注册的程序。是否仍保留这一目标?选择“是”。用法当然是按下设置好的快捷键了。
火狐用户可以设置一个“关键字”,关键字可长可短:
同样是在小书签上右击选择“属性”,比如我为 OnlyListImage 设置的关键字为 li。用法是:在地址栏输入 li,并回车。(快速把光标定位到地址栏的快捷键是 Alt + D)
Vane 补充:
推荐一个搜索 verycd 资源的书签,还有一个blackr 浏览 flickr 时去除其他页面元素只留图片。
thw 补充:
罗列当前页面上的链接并使其可点击
#"https://web.archive.org/web/20210118224608/http://zjulee.com/" rel="noopener">likin 补充:
来迟啦,我也来推荐一个,网页日翻中:
#"button" aria-label="喜欢按钮" data-ulike-id="1098" data-ulike-factor="up" data-ulike-nonce="b42581e5c0" data-ulike-type="post" data-ulike-template="wp-ulike-pro-default" data-ulike-display-likers="0" data-ulike-likers-style="default">0
刷新了好久都没人来坐沙发…
请教个问题,那个…跳转到某一段的链接怎么弄的?
tireless 学习一下基本的 html 吧
1 、<a href=”#1″>什么是 Bookmarklet ?</a>
<a name=”1″></a>1 、什么是 Bookmarklet
好玩:)
一般使用的时候,可把<a name放在实际Html的前面一定距离,这样点击链接时,实际内容将显示于屏幕中间.
@linxn 你说的没错,问题在于很多人都是我这样用的。弄到中间又有些人会不喜欢 or 不习惯。
up!
“数字,英文和中文交界的地方要留空格。”
是为了美观吗?
可以让读者看文章更轻松。打开 word 输入写点中英文看看吧。
我 understand 了,这叫规范。
呵呵,多谢分享。
简单的事情做得太复杂了
是复杂的事情会变简单。 johnny 你用一下看看就明白。就拿添加到豆瓣为例,或者 del.icio.us it,一点击就出现收藏窗口。多方便。
我是搜索如何让FF保存hotmail密码时在Jesse’s Bookmarklets Site上知道了Bookmarklet这个东西 很强大 书签一下子多出来好多 又没习惯用tag…T_T…
我习惯是点了书签上的网站在新标签打开,这样就不能用啦..能不能判断如果是#"button" aria-label="喜欢按钮" data-ulike-id="20266" data-ulike-factor="up" data-ulike-nonce="d850290073" data-ulike-type="comment" data-ulike-template="wp-ulike-pro-default" data-ulike-display-likers="0" data-ulike-likers-style="popover">0
@木木,你怎么做的?点击中键?
如果你是点击中键来打开的话,我无能为力。
习惯是可以改的。
中键?就是一般的书签啊.只是装了tab mix lite ce 设置成在新标签打开书签.如果我要打开一个网站还要新建一个标签然后再点书签么?我想大多数人的习惯都是这样的…
我的习惯是中键(就是按下滚轮)在新窗口打开书签。你用扩展,我也没办法。
我花了10分钟看,结果该用的都我用上鸟,有点郁闷啊
强人。。
[…] 查看被评论的网页?Bookmarklet?-?小书签,实用浏览器小工具补完 展开评论 (0) 折叠评论 […]
眼花……
我飘~这个就免了吧..
有点闷。。。。。。?
闷?
哦 原来小书签就是这个东西,俺还是知道的~在ff中已经用了很多了~
写得可够全的,不错不错
其实我用得最多最多的就是站内搜索的bookmarklet,真的很有用。
补充两个,1.http://dict.hjenglish.com/tools/
2.http://dict.cn/tools.html
第一个是沪江的,第二个是Dict的,都是划词用的。
已经更新。 dict 那个文章里面有了。
借贵宝地测试双拼打字……
借贵宝地测试一下使用 Oper9.5 正式版 发表评论的感觉。
借贵宝地测试一下搜狗在ff中的感觉
ff里面Bookmarklet自定义图标很麻烦…
加了二十来个..
抱了不少好东西走:P
推荐一个搜索verycd资源的书签,还有一个blackr-浏览flickr时去除其他页面元素只留图片.
thx~
里面有很多正是我梦寐以求的东西啊,小众帮大忙了
补充一个:
罗列当前页面上的链接并使其可点击#"a");str="";for(i=0;i<as .length;i++){str+=""+as[i].href+"\n"}str+="";with(window.open()){document.write(str);document.close();}})()
thx~
快速下载 flv (use flvcd). 支持国内国外各种视频. 找到页面一点就来.
#"button" aria-label="喜欢按钮" data-ulike-id="20323" data-ulike-factor="up" data-ulike-nonce="5d9fb28645" data-ulike-type="comment" data-ulike-template="wp-ulike-pro-default" data-ulike-display-likers="0" data-ulike-likers-style="popover">0
[…] Bookmarklet – 小书签,实用浏览器小工具补完 | 小众软件 – Appinn (tags: tools bookmarklet) […]
很有用啊,orz。
[…] 1 、什么是 Bookmarklet ? 1.1 、详细安装步骤 1.2 、怎么使用小书签? 2 、收集小书签 2.1 […]
来迟啦,我也来推荐一个,网页日翻中:
#"button" aria-label="喜欢按钮" data-ulike-id="20480" data-ulike-factor="up" data-ulike-nonce="1fc756b67e" data-ulike-type="comment" data-ulike-template="wp-ulike-pro-default" data-ulike-display-likers="0" data-ulike-likers-style="popover">0
已经更新。
多谢
[…] Bookmarklet – 小书签,实用浏览器小工具补完 | 小众软件 – Appinn […]
那个Google站内搜索 不支持中文呀,谁能改一下让他支持了呢?
@黑山老猫,站内搜索
@黑山老猫, 上一个有误,这个再测试下 ^_^!!站内搜索
@黑山老猫, test站内搜索
@黑山老猫, 终于可以了 稍作修改了下 搜索结果在新页面中打开 无视第一第二条回复
@黑山老猫, 奇怪了,还是不行,贴源码吧
#"button" aria-label="喜欢按钮" data-ulike-id="33403" data-ulike-factor="up" data-ulike-nonce="6d68c33db3" data-ulike-type="comment" data-ulike-template="wp-ulike-pro-default" data-ulike-display-likers="0" data-ulike-likers-style="popover">0
@黑山老猫,
还是不行,贴代码:
#"button" aria-label="喜欢按钮" data-ulike-id="33408" data-ulike-factor="up" data-ulike-nonce="6b1bbbec18" data-ulike-type="comment" data-ulike-template="wp-ulike-pro-default" data-ulike-display-likers="0" data-ulike-likers-style="popover">0
要是把文字链接换成图标链接不是更好看
顶火山大师!
[…] Orz。我知道他基本上不看小众,所以,他一定错过了我那篇小书签的文章:Bookmarklet – 小书签,实用浏览器小工具补完 把文章丢给他,中午过后: sein: 这里http://www.chedong.com/blog/archives/000828.html […]
想弄一个在Opera中复制网页标题和链接到剪贴板的小书签,找了半天,没有可用的。
还有人知道啊?
[…] 不知道啥是小书签?那请移步看看 Bookmarklet – 小书签,实用浏览器小工具补完 | 小众软件” […]
好东西,收藏了先
但是有个问题,如何让自己的这个bookmarklet在多个计算机间同步呢?
比如我的书签存在Google书签里,只要连上互联网就可以使用了,但是刚才试了一下,Google书签中不允许添加非http://开头的地址,不知道小众是否有办法呢?
非常的感谢
@jecoso, 把书签导出吧,然后放到U盘或者网盘里,到了目标PC再导入。
好多啊,非常喜欢这些小书签!收藏使用之!
很喜欢,往书签栏上对了许多,即使占用chrome一栏的空间也可以接受,反正可以随时隐匿和呼出。我还想找到一个这样的bookmarklet:将图片收藏到picasa网络相册。哪位好心人能提供一个啊?
@有鱼,
#"button" aria-label="喜欢按钮" data-ulike-id="78353" data-ulike-factor="up" data-ulike-nonce="81b902fc49" data-ulike-type="comment" data-ulike-template="wp-ulike-pro-default" data-ulike-display-likers="0" data-ulike-likers-style="popover">0
[url=http://2km1rnpfi40viyr8.com/]ys4s2ut02p40i5wp[/url]
[link=http://odduq8dgt8n6m8lo.com/]vu2m7chid0uwpthn[/link]
np1whohh9i3kl1ws
http://h02wcpqmzn7uty3s.com/
小书签
怎么把这样的小书签变成http开头的呢?我要加小书签去gr的sent to.
[…] 小众软件 […]
晕 不说豆瓣会死 简单的事情做得太复杂了,
虽然 我是在别处已经会用了才见你的分享,
不过还是 谢谢分享 、
基本一般人看你这篇文章会晕倒 还不弄明白
[…] 以上就是我常用的Bookmarklet,如果您对Bookmarklet感兴趣,小众软件有篇关于Bookmarket的文章,值得一读:http://www.appinn.com/bookmarklet/ […]
有没有自动在PHP论坛网址上加 &orderby=dataline 这个后缀的小脚本啊
想问下有谁知道怎么编辑这些bookmarklet啊
@wzg, 右击书签,选择属性,在地址一栏里面。
Delicious更新…
12月1号,Del.icio.us(鲜得唻)正式发布新个书签储存介面——流行标签去脱,注解摆到下底,分享功能独立出去。 除脱介面,Delicious还更新著小书签(揿钮)。箇点好南儿顶窝心唻——难注解……
恩,挺不错的。
对了,各个“云输入法”也是这样的原理啊~没事的话可以添加上去。
如果我能早点看到1楼的回复,就不用对着百度百科的HTML代码研究了,就不用逼着同学要HTML例子了……
补充一个加密访问的,可将当前http地址头改为https,配合hosts或者第三方dns,可访问u2b,脸书
#"button" aria-label="喜欢按钮" data-ulike-id="78766" data-ulike-factor="up" data-ulike-nonce="c78ecc2f91" data-ulike-type="comment" data-ulike-template="wp-ulike-pro-default" data-ulike-display-likers="0" data-ulike-likers-style="popover">0
内个自动翻页的标签现在在火狐里面不行啊?!chrome可以。能帮帮忙找找原因么?