认识小书签
小书签又名Bookmarklet,由英文单词Bookmark和Applet组合而来。简单地说,小书签就是把一段带有特定功能的JavaScript代码保存至收藏夹,当你需要的时候点击这个收藏快捷方式,来实现这段JavaScript代码的功能。与书签相同的是小书签同样以书签的形式保存在书签栏里,不同的是书签的作用是储存网页地址,而小书签的功能则是为网页增加一些特定的功能。使用方法只需要点击就可以了,就像“屠龙宝刀,点击就送”那样。那么小书签里像是乱码的代码倒底是什么?小书签里的JS代码是经过编译转码的,所以看上去有很多符号像乱码一样,但是可以借助JS美化工具来得到其真实的代码。以"谷歌站内搜索" 小书签为例,经过美化的代码便易于理解了。
小书签合集 - 中文网最全合集
使用方法是将小书签拖入地址栏,点击即可使用。- VIP视频免费观看,测试页面:点这里
- 视频解析下载,除优酷外,支持国内大多数视频网站。
- 视频解析下载(优酷),暂时没做成小书签,需要手动输入地址。
- 随机打开网站,网站被墙,需要科学上网。
- 查找网站RSS源,任意有RSS的网站都可使用,测试页面就用奶酪的博客吧
- 网页另存为PDF,可惜有水印。
- 弹出软键盘,如题。
- WP一键留言, 需要修改成自己的名字,邮箱和内容。测试页面:点这里。
- 摧毁网站,加载可能较慢。
- 网页地震,让网页抖动起来。
- 网站涂鸦,可以涂鸦后再截图。
- 显示当前时间,如题。
- 今年还剩多久?,如题。
- 查看浏览器UA,如题。
- 显示网页最后更改时间,如题。
- 百度云直链,去百度网盘调用百度云管家,实现直链下载。
- 百度网盘提取码自定义,使用方法:点这里。
- 购物·购物党,不用多说,购物比价,测试页面:点这里。
- 购物·如意淘,如上。
- 购物·惠惠购物,如上。
- http 转 https,普通链接转加密链接。
- 当前网页短网址,如题。
- 生成二维码(页内),在https加密页面可能无法使用。
- 生成二维码(弹窗),如上。
- 文本链接转超链接,如题。
- 网页地址到根目录,如题。
- 网页地址向上一层,如题。
- 网页地址数字+1,如题。
- 网页地址数字-1,如题。
- 高亮显示链接,如题。
- 显示链接详情,鼠标移至链接会显示链接的详情。
- 显示出站链接,列出所有域名。
- 显示邮箱地址,如题。
- 显示所有链接,如题。
- 显示所有链接(含图片),如题。
- 显示当前页标题和地址,如题。
- 生成网页HTML代码,如题。
- 生成图片HTML代码,如题。
- 设置链接在新网页打开,如题。
- 设置链接在当前页打开,如题
- 谷歌搜索,如题。
- 谷歌站内搜索,输入关键字搜索当前网站的内容。
- 百度搜索,如题。
- 百度站内搜索,如上。
- 维基中文搜索,如题。
- 维基英文搜索,如题。
- 相似网站查找,如题。
- 搜索共享帐号,比如一些论坛下载需要帐号才能下载,这时这个功能可能会帮到忙,选择投票率最高的。。
- 谷歌缓存查询,比如一些网页已经打不开或者删除了,使用缓存查询功能则可以再次浏览。
- about:config搜索,只适用于Firefox,设置本小书签的关键字为"cf",然后在地址栏输入cf,则会进行搜索。
- 英文字典搜索,英文类字典搜索。
- 英文缩写搜索,如题。
- 英文同义词搜索,如题。
- 英文俚语词典搜索,中文里的 no zuo no die 也能搜索到。。。
- 编辑当前页面,可以对当前网页进行编辑,按Ecs键退出,什么支付宝余额修改然后截图装逼这种事实在太Low了。
- 解除选择复制限制,如题。
- 解除右键菜单限制,如题。
- 解除复制和右键限制,测试网页 点这里 或者 这里,可能是中文网页上唯一能用的解除限制小书签。
- 查看JS变量与函数,如题。
- 查看当前窗口大小,如题。
- 查看当前网页信息,会显示当前网页所有的JS和CSS文件。
- 查看网页Meta元素,如题。
- ASCII码对照表,如题。
- 生成HTML表格,如题。
- FireBugLite,Firebug精简版。
- PrintWhatYouLike,对网页的内容进行删减,然后进行打印。
- 屏幕尺子,V系列Firefox用户需要暂时停用Grab and Drag拓展。
- 字体查询,速度可能比较慢,点击网页指定文本就会显示是什么字体了。
- 地形图查看,如题。
- 网页测量工具,如题。
- RGB to Hex,如题。
- Hex to RGB,如题。
- 216种标准色,如题。
- IP地址查询,如题。
- SEO查询,网站SEO情况综合查询。
- WOT查询,查询网站是否是可信赖。
- Alexa查询,网站流量全球综合排名。
- Whois查询,网站所有者信息查询。
- Buildwith查询,查询网站用什么程序和主题建成的。
- W3C Link查询,检查网站所有的链接。
- W3C CSS查询,检查网站CSS是否存在错误。
- W3C Html查询,检查网站HTML是否存在错误。
- 网站收录查询,如题。
- 反向链接查询,如题。
- 网站时光机,需要科学上网,想知道优酷网在2008年8月8日长什么样就需要这个功能了。
- 打开速度检测,如题。
- 正常访问检测,联接不稳定,可能需要科学上网。。。。
- 网站易用性评估,如题。
- 网站黑名单检测,如题。
- 网站安全评级,如题。
- 网站病毒扫描,如题。
- 网站SSL检测,如题。
- 头部信息检测,如题。
- 小书签生成器1,小书签制作生成器,如果你掌握了一些JS知识,制起来就很容易了。
- 小书签生成器2,如上。
- 小书签生成器3,如上。
- 小书签调试工具,如题。
- 小书签合并工具,如题。
- 小书签转chrome拓展,如题。
- Quix,超级小书签,功能很多。
值得一提:
网站w-shadow.com是一个能提供小书签一键化合并的网站。假定我们已经知道了"解除选择复制限制" 和 "解除右键菜单限制", 但实际操作过程中需要这两个小书签同时运行,借助网站的合并功能可以同到小书签"同时解除复制和右键限制"的小书签。(可能是目前网上唯一能用的解除复制和右键限制小书签。)
使用方法:[参考这里] 。
解除复制和右键限制小书签是否生效测试网站:测试网站1 测试网站2可能需要的Javascript知识:
Core JavaScript 1.5 Guide
JavaScript.com
JavaScript FAQ
W3CSchool如何制作小书签?
有了上面的理解,我可以就可以编辑和制作小书签了, 小书签的实质其实就是一段JavaScript代码,其格式就是:"javascript: + 一段JS代码",好比这一段最简单的小书签代码:javascript:alert('Bookmarklets!')
试试复制并粘贴到地址栏中或者 点击这里运行,下面我们再举多几个例子。
例1:生成当前网页二维码
jiathis.com提供了生成二维码的API ”http://s.jiathis.com/qrcode.php?url=",在 "=" 后加上文字或者网址就会生成一个二维码了。文本二维码比如:"http://s.jiathis.com/qrcode.php?url=进来的是SB,哈哈哈哈",你的朋友圈里是不是也经常有让你扫描二维码进群可以领红包,结果发现是恶搞的这样的戏码?
网址二维码比如:"http://s.jiathis.com/qrcode.php?url=http://www.runningcheese.com/" 生成的二维码是奶酪的博客首页。这种形式非常地常见,比如地铁里的广告,海报里的手机购物等等。文本二维码
网址二维码
1. 根据jiathis.com的二维码的API和JavaScript相关知识,我们可以得到这样的js代码:
window.open('http://s.jiathis.com/qrcode.php?url=' + decodeURIComponent(gBrowser.currentURI.spec));
后面的decodeURIComponent(gBrowser.currentURI.spec) 是一个变量 (变量是初中知识哦),意思是当前网页的地址。
2. 注意此时的代码是js代码,还并不是小书签的代码,经过小书签特有的以javascript:开头的格式转换后,可以得到:
javascript:window.open('http://s.jiathis.com/qrcode.php?url=' + decodeURIComponent(location.href));void(0);
3. 如果小书签代码里有"#"或者空格等特殊字符时,传递参数时会被截断,小书签也有就不起作用了,因此我们需要借助URL转码工具对代码进行编码,得到:
javascript:window.open('http://s.jiathis.com/qrcode.php?url='%20+%20decodeURIComponent(location.href));void(0);
4. 将其保存到书签后就成功完成了小书签的制作。举一反三,再比如生成当前网页地址的短网址API是 "http://tinyurl.com/create.php?url=",我们只需要将上面的小书签代码稍稍改写一下就可以得到生成当前网页短网址小书签了:
javascript:window.open('http://tinyurl.com/create.php?url='%20+%20decodeURIComponent(location.href));void(0);
例2:当前网页中加载一条现成的.js文件
平时我们访问一些网站时,选中文字会自动触发"复制","搜索"或者"翻译"等功能,其原理是该网而加载了一条用于"复制","搜索"或者"翻译"的.js文件,根据这个思路,我们可以将这些功能移植到其他的网页上去。1. 以沪江网划词翻译的js文件为例,在网页中加载一条.js文件的js代码是:
(function() {var element=document.createElement('script'); element.setAttribute('src', 'http://dict.hjenglish.com/app/js/dict_ajax.js'); document.body.appendChild(element);})
2. 把js代码转化为小书签代码后重到:
javascript:void((function() {var element=document.createElement('script'); element.setAttribute('src', 'http://dict.hjenglish.com/app/js/dict_ajax.js'); document.body.appendChild(element);})())
3. 将其保存到书签就完成了小书签的制作。
4. 举一反三,我们只需要更改 "http://www.某网站.com/某文件.js" 文件地址就可以了。比如同文堂简体转化为繁体的.js文件是 http://tongwen.openfoundry.org/src/bookmarklet/bookmarklet_tw.js,再比如有道全文翻译的.js文件是 http://fanyi.youdao.com/web2/seed.js
例3:如何小书签将繁体中文的网页全部自动变成简体中文?
如上面所说,有一些专门的翻译js文件做成小书签后,需要手动点击才会启用,那如何自动启用翻译js文件呢?我们可以利用“用户脚本”来实现,用户脚本拓展推荐使用 Violentmonkey。以在拓展中加入如下代码即可,原理就是自动加载这个js文件。// ==UserScript==
// @name Auto Simplified Chinese
// @namespace no
// @description 自动将网页翻译为简体中文
// @run-at document-idle
// @require https://git.oschina.net/runningcheese/JiathisQR.js/raw/master/bookmarklet_cn.js
// @grant none
// @include https://www.runningcheese.com/*
// ==/UserScript==
(function() {
var s = document.createElement('script');
s.setAttribute('src', '@require');
document.body.appendChild(s);
})()例4:如何让网页自动加载某个小书签?
小书签和用户脚本效果相同,但小书签是,用户脚本是全自动的,我们可以将小书签改写成用户脚本,方法是:// ==UserScript==
// @name 从小书签改写到用户脚本
// @namespace none
// @description 从小书签改写到用户脚本
// @run-at document-idle
// @grant none
// @include https://www.runningcheese.com/*
// ==/UserScript==
location.href = "javascript:(function(){alert('Hello Cheese!');})();";也就是把小书签的地址替换上面代码中双引号之间的内容,javascript:(function(){alert('Hello Cheese!');})(); 这一段。一些比较复杂的小书签无法直接用替换双引号之间内容的方法,因此我们还是需要借助URL转码工具对小书签的内容进行解码。
如何高效使用小书签?
给小书签设置"关键字"是一种高效的使用方法,好比我们经常会遇到一些不能复制和右键菜单网页,这时我们需要调用小书签 "解除复制和右键菜单",将小书签的关键字设置为"pj" (pj=pojie破解),在地址输入"pj",回车(或者点击)就可以使小书签的功能生效了,同样的道理将"网页另外为PDF"设置关键字为"pdf",设置"分享当前页面"为"share",就可以快速启动小书签了。
小书签合集分享
- 第5次更新,奶酪收集,修复和制作了可能是国内最全的小书签合集,为方便识别,html文件已经添加了icon图标。
- 欢迎分享和推荐你喜欢的小书签,一起打造中文网最全小书签合集。
- 小书签共享下载 by cheese,最后更新:2017-02-07
Bookmarklet 小书签,各种神奇的作用 ( 中文网最全合集)
分享本文,推荐到您的社交平台:
支付宝手机支付

请用支付宝钱包扫描
多谢分享
感谢分享, 很实用!!!
哇,涨姿势了!
哇,涨姿势了!
多谢分享~~~问一个问题~~~火狐新版再某些页面没法使用小书签,点小书签后网址前出来了个盾~~~~求解~~~
具体那个页面?
大部分开头https的和某些登陆页面~~~
就好像Outlook.com、Twitter等
https://support.mozilla.org/zh-CN/kb/%E4%B8%8D%E5%AE%89%E5%85%A8%E7%9A%84%E5%86%85%E5%AE%B9%E5%A6%82%E4%BD%95%E5%BD%B1%E5%93%8D%E6%88%91%E7%9A%84%E5%AE%89%E5%85%A8?as=u&utm_source=inproduct点击详细了解出现这个~~就想知道怎么关~~临时解除保护此页对于小书签不好使~~~
https是加密网页的缘故吧
这点好烦~~~要是能有个选项就好了~~~谢谢~~~
关闭firefox-23的屏蔽非安全传输内容
打开about:config,在里面找到这个选项:
security.mixed_content.block_active_content
把值由true改成false就行了.
https://support.mozilla.org/zh-CN/kb/%E4%B8%8D%E5%AE%89%E5%85%A8%E7%9A%84%E5%86%85%E5%AE%B9%E5%A6%82%E4%BD%95%E5%BD%B1%E5%93%8D%E6%88%91%E7%9A%84%E5%AE%89%E5%85%A8?as=u&utm_source=inproduct
点击详细了解出现这个~~就想知道怎么关~~临时解除保护此页对于小书签不好使~~~
一次偶然的机会,发现这个网站,让人眼前一亮,看来有节操的好网站还是有的,缺的只是一双善于发现的眼光。博主用心了,果断收藏!另,问下,用的opera,怎么一次性导入这个小书签,试了好几次不成功,用手工一个个输感觉太麻烦了,望赐教!
抱歉for慢速回复下载附件中的小书签.html文件,然后导入opera书签就可以了,在Opear中点击书签管理就有导入选项了。
OK,非常感谢!!
另外http://pan.baidu.com/s/1jGMe322这个是我的所有书签(包括小书签在内)可以一试:)
好的,GOOD!
一次偶然的机会,发现这个网站,让人眼前一亮,看来有节操的好网站还是有的,缺的只是一双善于发现的眼光。博主用心了,果断收藏!另,问下,用的opera,怎么一次性导入这个小书签,试了好几次不成功,用手工一个个输感觉太麻烦了,望赐教!
抱歉for慢速回复
下载附件中的小书签.html文件,然后导入opera书签就可以了,
在Opear中点击书签管理就有导入选项了。
🙂
另外
http://pan.baidu.com/s/1jGMe322
这个是我的所有书签(包括小书签在内)
可以一试
:)
OK,非常感谢!![威武]
好的,GOOD!
很棒。
很棒。
关闭firefox-23的屏蔽非安全传输内容
打开about:config,在里面找到这个选项:
security.mixed_content.block_active_content
把值由true改成false就行了.
user_pref("security.mixed_content.block_active_content", false);//关闭ssl不安全内容和混合内容保护
user_pref("security.csp.enable", false);//禁用CSP
第一个是让小书签在https页面上起作用
第二个是小书签在知乎之类页面上起作用
毒副作用不明
是的,这个是解决方法。
user_pref("security.mixed_content.block_active_content", false);//关闭ssl不安全内容和混合内容保护
user_pref("security.csp.enable", false);//禁用CSP
第一个是让小书签在https页面上起作用
第二个是小书签在知乎之类页面上起作用
毒副作用不明
[挖鼻屎]v7beat被删了,是打算上beat2吗
看来不止我一个注意到了这个,这几天基本每天都要来几次,万一更新了呢。
看来不止我一个注意到了这个,这几天基本每天都要来几次,万一更新了呢。
Chrome上不能用么?两个测试网站没有测试成功。
是17日更新的那个吗?
如果是的话,那就是是Chrome的设置问题。
[img]http://tb2.bdstatic.com/tb/editor/images/face/i_f01.png?t=20131111[/img]
必应的翻译小书签失效了,楼主能否更新下
感谢提醒,我找找看有没有新的API。
必应的翻译小书签失效了,楼主能否更新下
这个小书签分类是怎么做的?
小书签分类就和普通的书签一样分类的,鼠标拖住移来移去。
学习了,灰常用心呀.Script也可以看看.
学习了,灰常用心呀.Script也可以看看.
百度网盘提取码自定义的那个小书签,通过HTML文件导入到浏览器之后,代码里面的英文双引号"全部变成了" 导致无法运行,希望能修复此问题。
谢谢提醒,我看看如何修复~~
百度网盘提取码自定义的那个小书签,通过HTML文件导入到浏览器之后,代码里面的英文双引号"全部变成了" 导致无法运行,希望能修复此问题。
大神啊,能不能将小书签作为一级书签啊,每次找个书签要点很多次。我想放在一级书签容易找到
小书签挺多的,放在一级书签不太可能,你可以设置关键字,用关键字来调用小书签。
super star 的背景图片加载不进去,不知道怎么回事
什么意思?不太明白~~
super star 的背景图片加载不进去,不知道怎么回事
这篇文章真棒,全网最全小书签,手机浏览器都可以用
作者非常用心,谢谢您的分享[/强][/强]
一键修改html5视频播放速度,youtube可用https://github.com/sjurgis/Bookmarklets/blob/master/youtube-speed-increases.md
kokk me - 看片你懂的,me前面加点
能不能添加功能:收藏到收趣云书签。
给小书签设置关键字是一种高效的使用方法。。我的谷歌浏览器没有书签属性这个界面,也没有关键字的设置