前一段日子,我写了两个Bookmarklet----"短网址生成"和"短网址还原"。 它们用起来很方便,除了我本人之外,其他朋友也在用。第一次发布Bookmarklet,就能有用户,我挺满意的。 ==================================================== Bookmarklet编写指南 阮一峰 编写 一、什么是Bookmarklet? 开发容易 一段Javascript代码就是Bookmarklet的所有内容,不需要用到其他技术,比开发一个浏览器插件简单多了。 4. 跨浏览器 所有浏览器都支持Bookmarklet。 如果写的正确,同样一个Bookmarklet在各种浏览器上都能正常使用。 三、Bookmarklet的编写规则 1. 所有代码必须在同一行 因为浏览器把Bookmarklet当做网址保存,而网址是不能分行的,所以Bookmarklet也不能分行。 另一方面,网址是有长度限制的。
今天晚上,我就利用这个接口,写了一个Bookmarklet----"短网址还原"。欢迎安装试用。 它的使用方法很简单。只要在页面上选中短网址,然后点击这个Bookmarklet,就会显示真实网址。
Bookmarklet 也叫小书签,它是一段 JavaScript 脚本,可以被拖到浏览器的快速工具栏中,也可以直接插入到网页中去,让你的用户直接使用该 Bookmarklet。 网上有各种类型的 Bookmarklet,今天我就介绍下几个关于博客分享的 Bookmarklet。 1. ,其实很多 Twitter 第三方服务已经提供了分享到 Twitter 的 Bookmarklet 这个功能,其中我个人推荐 TwitThis 。 分享到 FriendFeed FriendFeed 推出中文版之后,国内使用的用户也越来越多,FriendFeed 官方也推出分享到 FriendFeed 的 Bookmarklet: 它的代码为: 这些就是我目前所使用的5个博客分享的 Bookmarklet,如果你需要让用户把你的博客分享到更多服务,你可以尝试下我们的 17fav.com 收藏和分享服务。
Google notebook是很个不错的在线笔记本,以前需要安装插件,后来官方网站推出了Bookmarklet(http://www.google.com/googlenotebook/bookmarklet.html valueOf());d.body.appendChild(s);w.setTimeout(function(){w.blur();g.focus();},%20100)}).call({}); 现给出修改后的Bookmarklet
我们可以使用 WordPress Admin Toolbar Bookmarklet 来实现快捷访问 WordPress 后台管理菜单。 WordPress Admin Toolbar Bookmarklet 是一个基于 Javascript 构建的的浏览器工具栏的 Bookmarklet,它能让你简单通过点击就能快速访问到 WordPress 一旦你把它拖到浏览器的快速工具栏的时候,你就可以通过点击它来访问当前 WordPress 站点的后台菜单: 使用 WordPress Admin Toolbar Bookmarklet 快捷访问后台菜单 你可以把下面的 Bookmarklet 拖到浏览器的工具栏试下: WP Toolbar 这个 Bookmarklet 的局限是首先要你把浏览器的当前页面设置为你的 WordPress 页面,并且还需要 如果这个 Bookmarklet 能够提供定制,能够自己定制 WordPress 博客的首页 URL,让我们能够在任何时候,任何页面都能快捷访问后台菜单,那会更加完美了
SIGNATURE 用于防止你只知道 ID 就下载视频,你可以通过查看 YouTube 页面的源地址查看来找到 ID 和 SIGNATURE 的值,但是这样还是有点麻烦,所最简单的办法就是通过下面这个 bookmarklet : Get YouTube video 你可以直接把上面的这个 bookmarklet 拖到你的浏览器的地址栏(in Firefox, Safari),或者右击并保存到收藏夹(in Internet Explorer 然后当你在 YouTube 上浏览到你喜欢的视频的时候,点击下刚才的那个 bookmarklet 就会弹出一个下载窗口。 如果你嫌添加 bookmarklet 太麻烦或者根本就并不会(囧),那么你可以尝试下这个 Greasemonkey 脚本,他会在视频的下方自动添加下载链接,不过这样需要你的 Firefox 浏览器安装
如果说,你连插件都懒得装,也可以直接用作者提供的 bookmarklet 代码。 部分非前端出身的水友,可能对 bookmarklet 不太熟悉,这里顺道跟大家简单科普下。 bookmarklet,亦称小书签,是一种微型 Web 应用,开发者通过将代码(通常是 JavaScript)存入浏览器书签,以构建出一个完整的小应用。 由于 bookmarklet 不是本章要讲述的重点,感兴趣的同学,可看下阮一峰老师之前写的这篇教程: http://www.ruanyifeng.com/blog/2011/06/a_guide_for_writing_bookmarklet.html 工具地址: https://mrcoles.com/bookmarklet/ 现在,我们回到刚刚那个话题:如何为 Git History 创建一个 bookmarklet? 作者很贴心的给出了相应的 JavaScript 代码,你只需要用上面那款 bookmarklet 转化工具,结合下方代码,即可快速完成。
javascript';%20s.src%20=%20'<a _src=""http://labs.microsofttranslator.com/bookmarklet 20document.body.firstChild);})()"" href=""http://labs.microsofttranslator.com/bookmarklet 20document.body.insertBefore(s,%20document.body.firstChild);})()"">http://labs.microsofttranslator.com/bookmarklet
20document.createElement('script');%20s.type%20=%20'text/javascript';%20s.src%20=%20'http://labs.microsofttranslator.com/bookmarklet 方法二: 1、打开以下链接: http://labs.microsofttranslator.com/bookmarklet/ 2、点击红框右侧的下拉菜单,设置你的目标语言(例如:简体中文): 3、把“
:4 宽屏: 1280×800(横屏),比例:8:5 HDTV 1080p:1920×1080(横屏),比例:16:9 如果你觉得安装一个插件太麻烦,你也可以安装下 Responsible 的浏览器 bookmarklet
Press This Bookmarklet -- 通过一个书签按钮从一些分享站如 youtube 预先获取信息。
WordPress 发布了 2.6 的测试版本,我也安装了,有以下功能(Via boren.nu): Post Revisioning -- 日至修订 A “Press This” bookmarklet
1 安装和准备 因为作者已经在他的博客内给了并且说明了怎么使用 Bookmarklet,那我就只展开讲讲怎么在 Tampermonkey 安装和设置脚本,而且我比较推荐使用 Tampermonkey 来运行脚本
CSS Prism 还提供一个 Bookmarklet: CSS Prism,你可以将它拖到浏览器的工具栏,然后使用它就可以快速查看任何网页中使用的所有颜色了。
根据这个API,我写了一个"短网址生成器",欢迎访问,网址是: http://www.ruanyifeng.com/webapp/url_shortener.html 另外,我还提供一个Bookmarklet
小型导入将被保存到iCloud,并且不需要打开应用程序就可以在其他设备上显示Bookmarklet现在可以从网页导入链接或所选文本
它是一个浏览器书签(Bookmarklet),却能成为你和 AI 之间的「视觉翻译官」。 什么是 Selector?
####方法4:编程自动化(适合批量/开发者)-JavaScript(浏览器Console或Bookmarklet):```javascript(function(){constcontent=document.body.innerHTML
Media Query Bookmarklet (http://seesparkbox.com/foundry/media_query_bookmarklet) media query的书签工具 ProtoFluid
a bookmark for a limited number of sites (mostly publishers or databases) only with EndNote Online bookmarklet