二十、Bookmarklet
1、什么是Bookmarklet?(What's a Bookmarklet?)
Q:什么是Bookmarklet?
A:Bookmarklet是整个都被包含在超链接URL中的一小段JavaScript程序。(JavaScript URL就是这个样子:<a href="javascript:the code goes here">。)多数浏览器允许用户添加这些JavaScript URL书签,就像添加其他超链接一样。bookmarklet这个词是由Steve Kanga创造的,他也自己开发了许多有用的bookmarklet。下面就是一个简单的例子:后退bookmarklet。
这个bookmarklet等价于浏览器的后退按钮。点击上面的标题可以预览其效果。在标题上点击右键,(根据浏览器)选择添加书签或者添加到收藏夹,就可以把它添加到你的书签中。
2、Bookmarklets:浏览器支持(Bookmarklets: Browser Support)
Q:那些浏览器支持bookmarklets?
A:下列浏览器都支持bookmarklet:
Netscape Navigator 3.0及更新版本
Internet Explorer 4.0及更新版本
并不是所有的bookmarklet都可以在任何浏览器中正常工作。这是因为不同浏览器对JavaScript的实现不同。要编写一个跨浏览器的bookmarklet:
3、Bookmarklet:最大长度(Bookmarklet: Maximum Length)
Q:Bookmarklet代码的最大长度是多少?
A:Bookmarklet代码的最大长度会根据浏览器的不同而不同。
实验表明,最严格的需求是在IE6.x中。任何代码长度达到510的bookmarklet在IE6中可能都没有办法正常工作。
4、计算器Bookmarklet(Calculator Bookmarklet)
Q:我是否可以在我的书签中有一个计算器?
A:可以,这就是一个计算器bookmarklet。
点击上面的链接,可以预览其效果。要关闭计算器,只需点击它上面的取消按钮。要想把这个计算器添加到你的书签中,在超链接上点击右键,然后(根据浏览器不同)选择增加书签或者添加到收藏夹。
这个bookmarklet在NS4和MSIE4中测试通过。
5、时钟Bookmarlet(Clock Bookmarklet)
Q:我可否在书签中有一个时钟?
A:可以,这就是一个时钟bookmarklet。
这个是时钟会显示你浏览器的状态栏上。点击上面的链接,预览其效果。要想把这个时钟添加到你的书签中,在超链接上点击右键,然后(根据浏览器不同)选择增加书签或者添加到收藏夹。
这个bookmarklet在MSIE4+、Firefox1.5以及NS4+中测试通过。
6、JavaScript解释器Bookmarklet(JavaScript Interpreter Bookmarklet)
Q:我是否可以创建一个包含JavaScript解释器的bookmarklet?
A:当然可以。实际上,一些JS程序员发现JavaScript解释器bookmarklet十分有用。不仅仅是因为它可以直接执行一行JavaScript代码,它还可以在查看HTML页面时检查代码中的任何变量的状态。这里就是一个JavaScript解释器bookmarklet.
点击上面的链接获取JavaScript解释器输入框。
输入JS变量名,检查其状态。
输入一行代码,执行它。
点击输入框上的取消按钮退出解释器输入框。
要想把这个JavaScript解释器添加到你的书签中,在超链接上点击右键,然后(根据浏览器不同)选择增加书签或者添加到收藏夹。
这个bookmarklet在NS4和MSIE4上测试通过。
分享到:
相关推荐
前端开源库-bookmarklet-loaderbookmarklet loader,用于webpack的bookmarklet loader
《JavaScript基础教程(第8版)》循序渐进地讲述了JavaScript及相关的CSS、DOM、Ajax、jQuery等技术。书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并在上...
JS超级名著《Essentials of Javascript》目录: JavaScript 1 JavaScript syntax 18 JavaScript Style Sheets 43 JavaScript engine 44 Ajax (programming) 48 AJAX.OOP 51 ?: 52 Appcelerator Titanium 57 ...
el.type='text/javascript';el.src='https://micmro.github.io/performance-bookmarklet/dist/performanceBookmarklet.min.js';el.onerror=function(){alert("Looks like the Content Security Policy directive is ...
MathJax 书签MathJax Bookmarklet 是一个书签,用于使用库在页面上动态呈现 Tex/LaTeX 和 MathML 符号。 页面不必包含 mathjax.js。 包含库并动态配置。 LaTeX 预处理器将渲染由“$”、“$$”、“\[”和“\]”分隔的...
书签初学者jQuery 书签的入门级工具,JavaScript 托管在服务器上。过程使用作为书签。 使用所需的服务器路径更新。 将您的 js/jQuery 代码添加到。 将 script.js 添加到服务器。资源
javascript:document.getElementsByTagName('head')[0] .appendChild(document.createElement('script'))。setAttribute('src',' // localhost /可读/bookmarklet.js') 注意:如果站点像github.com那样...
语言:English 从任何网站抓取图像
从bookmarklet.js复制JavaScript,然后将其粘贴到Chrome或Firefox中新书签的URL字段中。 细节 单击时,javascript书签将把URL从http://github.com/<username>/<repo>为http://<username>.github.io/<repo> ,反之...
SpPropertyBag.js 用于编辑SharePoint Web属性JavaScript /书签 有关说明,请参见 。
传递“bmlet = {bookmarklet_title}”或“bmlet = {javascript:...}”在加载或刷新选项卡时URL上的URL上的提示书签 提示存储的书签 1.设置Bookmarklet标题和URL 2.提示具有类似URL的书签:...
rails-bookmarklet 一个用于护栏的小书签宝石。 安装 将此添加到您的Gemfile中: gem "rails-bookmarklet", :git => "https://github.com/oliverfriedmann/rails-bookmarklet.git" 运行bundle install 书签链接 小...
小书签管理器 chrome扩展程序,用于使用monaco编辑器编辑小书签。 支持语言:English
MultiOpen Bookmarklet是一个JavaScript书签,它允许跨浏览器在单独的选项卡或窗口中打开URL列表,而无需浏览器扩展
二维码书签 生成当前页面网址的二维码。 在移动设备中快速打开网站很有用。... qrcode-bookmarklet-src.js : qrcode-bookmarklet-src.js使用的脚本 generate.js :方便的工具,可将源代码转换为小书签 查看
:)说明和下载分叉或克隆存储库在Bookmarklet.js文件中,更改 显示为“更改此文本!”的文本。 到您想要将文本更改为的内容。 (不要删除引号!) 完成后,将javascript代码复制到剪贴板。 收藏此页。 用复制的...
Bookmarklet:在 AngularJS 中计算活动的 $watch() 绑定(在) 下面是一个书签,它将计算当前页面上 $watch() 绑定的数量。 每个 $watch() 绑定代表 AngularJS 在每个 $digest 阶段必须执行的处理开销。 通过减少...
精选31个网站界面设计实践教程 :推荐20个关于网站可用性及界面设计的... The Top 40 Free Ajax & Javascript Code for Web Designers : 15个前端开发/网页设计师必备的Bookmarklet: 20个免费的SEO网站分析工具:
您可以在任何JavaScript文件上运行它-它将使用uglify-js将其最小化,将其包装在一个自执行函数中,然后返回转义的bookmarklet。 ,它支持一个元数据块(以数据块为模型),以指定元数据,外部样式表和脚本包含,...
“#django-jquery-bookmarklet”