Bookmarklet

0x0001

刚刚在看一篇关于排版的文章：
中文排版二三事

深入到了这个链接之后
Baseliner – keyes.ie
无意中发现一个名词：Bookmarklet

The easiest way to use baseliner is the Baseliner bookmarklet, which always loads the latest code.

意思是一段保存在书签中通过点击书签、浏览器解析 javascript: 协议的 URL 实现执行的内联 JavaScript 代码，类似 javascript:alert('Hello World'); 这样子。

搜索发现的的确确有这样的一个概念。
Bookmarklet - Wikipedia

脑洞一下，这里的命名好像和 Java EE 的 Servlet, Applet 有点相似？!

想起我过去其实已经多次用过这个东西了，之前做过一个教务系统一键识别验证码的 Bookmarklet，还有我的 PHP 启蒙老师 kookxiang 写的脚本，但从来没有对它有一个术语方面的印象。

今天算是豁然开朗了哈哈哈

LittleboyHarry

呀，Bookmarklet 是个提高工作效率的好东西！

分享几个我自制好用的小脚本书签：

二维码分享

javascript:location.href='http://www.qr-code-generator.com/phpqrcode/getCode.php?cht=qr&chs=180x180&choe=UTF-8&chld=L|0&chl='+encodeURI(location.href);
打印百度文库 ( 排版优化后按Ctrl + P 进行打印)

javascript:((t)=>{$('.moreBtn.goBtn').trigger('click');setTimeout(function(t){var CstStyle = document.createElement('style');CstStyle.media='print';CstStyle.innerText='body>*{display:none}.printable{display:block}';document.head.appendChild(CstStyle);document.body.appendChild(document.createElement('hr'));var DomSet=$('.mod.reader-page.complex');var lastIndex=DomSet.length-1;var all=document.createDocumentFragment();var t=Math.max(0,parseFloat(prompt('%E8%AE%BE%E7%BD%AE%E6%97%B6%E9%97%B4%E9%97%B4%E9%9A%94%EF%BC%8C%E5%8D%95%E4%BD%8D%E4%B8%BA%E7%A7%92%EF%BC%9A',t)));function finish(){document.body.appendChild(all);alert("%E5%8F%AF%E4%BB%A5%E6%89%93%E5%8D%B0%E8%BE%93%E5%87%BA%E4%BA%86%EF%BC%81");}function extract(e,i){e.scrollIntoView();var ele=document.createElement('div');ele.className='printable';ele.innerHTML=e.innerHTML;all.appendChild(ele);if(i==lastIndex){finish()}else ele.style.pageBreakAfter='always';}DomSet.each((i,e)=>setTimeout(extract,1000*t*(i+1),e,i))},300,t);})(0.1)
Steam 防剁手

javascript:var __limit_money__=parseInt(prompt("%E8%AF%B7%E5%91%8A%E8%AF%89%E6%88%91%EF%BC%8C%E4%BD%A0%E6%9C%80%E5%A4%9A%E8%83%BD%E6%8E%A5%E6%94%B6%E5%A4%9A%E8%B4%B5%E7%9A%84%E6%B8%B8%E6%88%8F%EF%BC%9F",88)); jQuery('.discount_final_price').each((a,b)=>{ if(parseInt(jQuery(b).text().match(/\d+/))>=__limit_money__){ jQuery(b).parents('.tab_item').hide(); jQuery(b).parents('.contenthub_specials_grid_cell').hide(); jQuery(b).parents('.dq_item').hide(); } });
B站筛选排除没什么人看的视频

javascript:var _hits_=parseInt(prompt("%E7%AD%9B%E9%80%89%E8%A7%82%E7%9C%8B%E9%87%8F%E5%A4%A7%E4%BA%8E %EF%BC%9F%E7%9A%84%E8%A7%86%E9%A2%91%E3%80%82",1000));$('.video').filter(function(i,e){return parseInt( $(e).find(".so-icon.watch-num").text() )<=_hits_}).remove();
关键词高亮

javascript:((t)=>{var d=document;t=prompt('%E7%A1%AE%E8%AE%A4%E6%A3%80%E7%B4%A2%E5%85%B3%E9%94%AE%E8%AF%8D%EF%BC%88%E4%BB%A5 %E2%80%9C|%E2%80%9D %E5%88%86%E5%89%B2%EF%BC%89',t);d.body.innerHTML=d.body.innerHTML.replace(new RegExp('('+t+')','g'),'<mark>$1</mark>');var s=d.createElement('style');s.innerText='mark{background:yellow !important}';d.head.appendChild(s);history.replaceState(null,null,location.href)})('')
引入 javascript 脚本

javascript:((src=prompt("%E5%BC%95%E5%85%A5JS%E8%84%9A%E6%9C%AC%E7%9A%84URL"),d=document)=>src?d.head.appendChild(((x=d.createElement('script'))=>{x.src=src;return x})()):alert("%E5%B7%B2%E5%8F%96%E6%B6%88"))()
DOM 文本过滤（需要掌握知道 CSS Selector）：

javascript:(()=>{var selector=prompt('%E7%AD%9B%E9%80%89 DOM %E5%AF%B9%E8%B1%A1');if(selector)var re=new RegExp(prompt('%E7%AD%9B%E9%80%89%E7%9A%84%E6%96%87%E6%9C%AC%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F'));if(re)document.querySelectorAll(selector).forEach((ele,i)=>{ele.style.display='none';if(ele.innerText.match(re))ele.style.display=''});history.replaceState(null,null,location.href)})()

此外，这两个网站还大量收录了有用的 Bookmarklet：

https://www.runningcheese.com/bookmarklet
小众软件 Bookmarklet

0x0001

LittleboyHarry 抓住关键词之后真的是抛砖引玉啊！赞！！！

hsxfjames

终于知道这东西的名字了，感谢。
可惜我还是搜不到文档，看起来像是上古时期的 netscape 遗留的产物。

0x0001

竟然发现了这个！！
Bookmarklet编写指南 - 阮一峰的网络日志

0x0001

刚做了个直接复制微信推文永久链接的，最简单的结构，去掉了一切不必要的额外信息，适合外站使用。

javascript:window.prompt('推文链接', 'https://mp.weixin.qq.com/s?__biz='+biz+'&mid='+mid+'&idx='+idx+'&sn='+sn) && false;

0x0001

0x0001 直接跳转到原始链接还更简单点

javascript:window.location.href='https://mp.weixin.qq.com/s?__biz='+biz+'&mid='+mid+'&idx='+idx+'&sn='+sn;

一键把形如 https://mp.weixin.qq.com/s/cAoz4LkBDAsmDQAZfgqpJQ 的链接还原到最终原始形态： https://mp.weixin.qq.com/s?__biz=MzI3NzUyMTE3NA==&mid=2247495646&idx=1&sn=ca02f67c9534579d81b81b8bf6441c5f。

0x0001

又一篇介绍文：
Bookmarklets