有一些浏览网页时常会用到的小功能，需要的功能很小很简单， 为此特别装一个很大的扩展来做实在很浪费， 可是没有这些功能又很不方便，这时候精简的书签小工具就很好用， 书签小工具放在书签工具列上，跟一个普通的书签一样，平时不占资源， 要用的时候点一下就可以启动，加上自订图示之後跟快捷的工具按钮没两样， 可以帮助节省很多操作的时间。 版上有好几篇分享书签小工具的文章，我整理修改了一些常用的bookmarklet， 还有提供三个加快使用bookmarklet的方法，以及自订书签图示， 顺便也请大家分享其他好用的书签小工具。 使用方法： 将以下各个功能的程式码文字全选复制拖到书签工具列上， 为这个书签取个好记的名字，以後点一下就可以用了。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 一键缩网址，按下去会自动将当前分页的网址缩成对应的短网址 goo.gl bit.ly TinyURL! PPT短网址工具 Just 0rz!! >> http://notepad.cc/share/IHabtTylxH << 显示当前网站所储存的cookie内容 一键删除当前网站所储存的cookie >> http://notepad.cc/share/piTSqqWLEC << 感觉没什麽用的功能，不想存cookie的话可能大都直接关闭浏览器的 允许网站储存cookie的选项，少数需要的网站才单独设定开放。 还有现在DOM storage会存到webappsstore里面(Fx)， 所以我没事会把Fx设定资料夹下的webappsstore.sqlite给删掉， 有时候网站会存很多垃圾在里面，webappsstore.sqlite竟然会大到好几GB。 解除网页「不能选取复制文字、不能开启右键选单」的限制 不过在框架里没用，还是需要像RightToClick的扩展(Fx)。 >> http://notepad.cc/share/IMw22o1WNn << 同上，解除锁定滑鼠按键功能的限制，不过这个是开关型， 按一下会解锁，再按一次会重新上锁。 有些网页会有自己设计的右键选单，有时候我们还是会需要用到 这些自行设计的右键选单的功能，这时这个书签就很好用， 要用原来网页自己的选单，再按一次就可以直接恢复，不用重新整理整个网页。 明文显示密码 显示密码栏位的********星号为明码，可以避免密码反覆输入错误却看不出来。 允许密码储存 有些网站会限制不允许自动填入表单，浏览器不会记忆这些网站的帐号密码， 每次登入都要重新输入好麻烦，用这个书签就可以解除这个限制， 让浏览器能够记忆这些网站的帐密。 >> http://notepad.cc/share/urczVMagjU << IP Geo Lookup 反查网站的IP或域名的资料。 如果有选取网页上的文字，例如选取ptt.cc， 会自动开新分页检索ptt.cc的IP/域名资讯和网站所在的地理位置； 如果没有选取文字，会自动以当前分页的网址为检索对象。 这个whois功能很详细，除了IP的基本资料和地图位置， 点进去连结的网页还有更进一步的资讯，包括会列出这个IP是否有列在 广告黑名单，或者是已知的「公开proxy」的封锁名单的资料库里面。 有些网站会封锁这些已知的公开proxy，用这些proxy连过去一样会被禁止， 所以用这个IP Geo Lookup检索可以事先告诉我们这组proxy有没有用。 >> http://notepad.cc/share/jkubGanpAu << Google站内搜索 有选取文字的话会自动开新分页，用Google检索当前网站内 含有这个文字的网页，例如在yahoo网站下选取"拍卖"， 会开新的Google搜寻分页，在yahoo网站内搜寻"拍卖"这个关键字。 没有选取文字则会要求输入检索的文字， 等於自动在检索文字後面加上 site: 限定搜索当前网站内的资料。 精确搜索是关键字有加""引号，模糊搜索是不加引号。 >> http://notepad.cc/share/6FZRf3i2sE << Google翻译当前网页 就是一个整页的Google翻译，上方有一个比较精简的置顶方条可以切换 翻译结果和对比显示原文和译文。 >> http://notepad.cc/share/0zTHgu7zos << Google地图反链相似快照 这个小书签里面包含有四个功能，因为这四个功能我都很少用， 除了地图查询偶而还会用到以外，所以为了节省书签按钮的空间， 我乾脆把四个功能合成一个，点下去网页左上角会弹出功能选单， 可以从四个里面挑一个来用。 这四个功能分别是： 用Google查找当前网页的反向链接 用Google查找当前网页的相似页面 用Google查找当前网页的网页快照 用Google地图查询选取的地址位置 譬如说选取「台北市xxx路x段x号x楼」这段文字，会开一个新分页以 Google Map显示这个地址，如果没有选取文字，则会要求输入地址。 >> http://notepad.cc/share/tMujregnvm << Wikipedia搜索 (英文) Wikipedia搜索 (中文) VeryCD搜索 YouTube搜索 NicoNico搜索 ........ 以对应的站台搜索选取的文字。 以上搜寻都支援中文或日文等文字的输入。 也可以自己改写一下添加像是Yahoo搜索、拍卖搜索等等。 >> http://notepad.cc/share/bpKEtFxcWp << 字典和翻译类 我用的翻译类工具好多喔...... 我最常用的是 Google Translator Tooltip Expanded https://userscripts.org/scripts/show/150664 选取文字後会弹出一个小气泡，滑鼠移到气泡上会自动展开文字的翻译结果， 可以选择同时翻译成二种语言，有听取发音的功能， 不过直接连到google听发音会被挡掉，要另外安装修改Referrer的工具， 例如 Referrer Control(Fx) ，选择移除Referrer，这样就可以正常播放了。 Referrer Control同时可以显示禁止外连网站的图片，看图不会看到叉烧包。 https://addons.mozilla.org/zh-tw/firefox/addon/referrer-control/ 另一个是Fx专用的 uc脚本的Google翻译，有选取文字的话点一下会嵌入翻译 的文字在网页的内文里直接显示，没有选取文字会整页翻译。 由於 Google Translator Tooltip Expanded 弹出的气泡在画面边边的时候 会跑出画面外而看不到，所以我拿这个翻译脚本来补足。 还有一个这个翻译脚本才能做到的功能，是可以在BBSFox里面使用， 所以在ptt上也可以划词翻译。 http://ppt.cc/-NZ5 其他一堆字典翻译类的书签小工具： 海词词典 划词翻译，有音标和发音，有例句。 小D网页划词 有英语、日语、法语、韩语四种辞典。 Bing划词翻译 汉典『选字释义』 Yahoo Dictionary: 英汉字典 Urban Dictionary: 英英字典 >> http://notepad.cc/share/LGWEdYz3R0 << 开新分页显示选取的文字字典， Urban可以查到很多正规字典里面没有的俚语用法。 TinEye Images 用TinEye搜寻比对当前网页上的所有图片。 感觉不是很好用的功能，我比较常用拖曳的方法， 把图片往上拉会开一个前景分页自动用Google以图搜图。 也有其他用Google以图搜图的bookmarklet可以选择。 List Images 开一个新分页直接排列显示当前网页上的所有图片，同时显示图片的尺寸和位址。 List Large Images 同上，不过只列出大於设定尺寸的图片，我是设为300x300。 >> http://notepad.cc/share/7wIAsK8ebI << 滚动萤幕 自动向下滚动萤幕，调整scrollBy(0,2)的2这个数字1~10可以改变滚动的速度。 垂直分割视窗 水平分割视窗 将当前分页以垂直或水平分割成二个并列的视窗显示。 不知道有什麽用的功能....比对同页内二段文字的差异？ >> http://notepad.cc/share/grwy7IU6Sk << Mouseover DOM Inspector WhatFont aardvark 查看检测网页的元素 >> http://notepad.cc/share/fuu45nGh7x << Design Bookmarklet 在网页上显示网格、尺标、量尺、座标定位，可以测量网页上二点间距离的小工具。 这个小工具做得很美观！ PrintWhatYouLike 列印前可以选择要删除网页哪些区域、图片、文字，只保留想要列印的部分。 >> http://notepad.cc/share/oXPUvhXpoj << 还有其他列出CSS、表格排序、取色器等等的网页开发的书签小工具， 还有可以画重点、记录输入的文字，储存到云端空间的bookmarklet， 不过我已经有装Fx的快速笔记本扩展，所以这些功能我就没有用。 其他bookmarklet可以参考以下的网页： http://webptt.com/cn.aspx?n=bbs/Browsers/M.1289163241.A.608.html http://en.wikipedia.org/wiki/User:JesseW/BookmarkletsUniversal http://lucifr.com/project/quix/ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 除了滑鼠移动到书签工具列上点击， 这些书签小工具有三个更快速启动的方法， 第一个是利用浏览器为这些书签设定关键字的功能， 例如Fx将「Google站内检索」这个书签设定关键字为 "g" 以後随地按〔Alt〕＋〔D〕跳到网址列，再输入 "g" 按〔Enter〕 就会启动这个书签，适合习惯使用键盘快速键的人。 第二个方法是直接用滑鼠手势开启书签小工具， 譬如说用Fx的FireGestures滑鼠手势扩展， 到官方网站把"Open Favorite URL"拉进「手势对应」的设定里， http://www.xuldev.org/firegestures/ 然後设定要开启的书签为指定的bookmarklet， 以後在原地画滑鼠手势就可以立刻开启这些书签功能， 适合习惯以滑鼠手势取代一切操作的人。 第三个方法是利用Fx强大的uc脚本，自订浏览器滑鼠右键开启的选单， 把这些书签小工具全部放到右键选单里面，还可以为每个小工具 自订美观的图示，以後浏览网页到一半突然需要打开翻译的功能， 直接右键选单就可以开启，适合习惯使用强大右键功能选单的人。 http://ppt.cc/pBE1 图例：直接加到右键选单的效果↓↓↓ http://i.minus.com/ih48E2yPTREIp.png 不过这个方法有一个缺点是启动时Fx要全部载入这些书签脚本， 我觉得书签小工具好用的地方就在於平时不占资源， 只是静静的躺在书签工具列里，等到要用的时候才启动， 用完就关闭，非常乾净又不浪费资源， 如果放到右键里又会拖累一点点启动的速度。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 还有通常不使用以上三种方法而是属於直接点击书签工具列来使用的人， 例如我w 我都把要用的bookmarklet放到垂直的书签工具列上， 由於这些bookmarklet预设没有图示，放到垂直书签工具列上没有文字说明 全部都是空白的图示，很难搞清楚哪一个书签是执行哪一个功能。 还有书签资料夹也是，没有独立的图示很难分清楚资料夹里面放的是什麽， 所以这时候我们就会需要用到自订样式，来为这些没有图示的书签资料夹 或者是书签加上个别清楚的图示来做区分。 可以使用浏览器自带的userChrome.css或者是像Stylish等扩展， 来为书签资料夹、书签、BBSFox的书签、标签页(例如ptt)加上图示： >> http://notepad.cc/share/BoOQGsjyRq << 将图示(PNG/ICO)转为BASE64码 http://www.askapache.com/online-tools/base64-image-converter/ 加上图示以後，这些bookmarklet其实就等於快捷的工具按钮， 我计算过移动到工具列上点击按钮，和用画手势或按快速键或右键选单相比， 其实速度不会慢很多，由於我滑鼠手势和快速键已经太多快记不住了， 取舍之下这些bookmarklet就还是乖乖的放在工具列上用点的就好w --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 61.219.36.156 ※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Browsers/M.1398308943.A.BDD.html ※ 编辑: mayuyu (61.219.36.96), 04/24/2014 23:44:19