这是一项古老的技术,大概在浏览器诞生的时候,它就诞生了。它可以用于制作一些非常快捷的脚本书签。
不过,现在都有油猴脚本插件了,所以这项技术已经落寞了。我也是偶然直接才发现这样一种东西,于是便记录下来。
如果早几年的前端,可能见过这样一行前端代码 <a href="javascrpit:void(alert('骗你的!'))">点我,给你看个宝贝</a>。 当点击这行代码的时候,他就会去弹出一个窗口。
要知道,a 标签里正常情况下,是存放 url 的,而 url 能够被当作书签去存放,那上面那行代码是不是也可以呢? 答案是:可以的。
javascript: document.querySelectorAll('*').forEach(q => q.style.outline = q.style.outline ? '' : '1px solid red')
阻止链接跳转
javascript: document.querySelectorAll('a').forEach(a=>{if(!a.style.pointerEvents){a.setAttribute('markPointerEvents',true);a.style.pointerEvents='none';return;}if(a.getAttribute('markPointerEvents')&&a.style.pointerEvents==='none'){a.removeAttribute('markPointerEvents');a.style.pointerEvents='';return;}})
你在任意页面,去点击这个书签,他不会去打开新的页面,而是会在当前页面执行这段代码。
所以,有时候这个小技巧还蛮神奇的。