网页仍可以正常浏览
你有没有想过以上图片的翻转效果是怎么实现的？
如果你告诉我你的关注点是谷歌，我也拿你没办法
一些浏览器支持在网址栏运行 Javascript 代码
测试一下
先打开任意一个网页，不能是浏览器内置页，就打开百度吧
在网址栏输入以下代码：
1 | javascript: alert("啦啦啦"); |
（注意是输入，如果复制，前面的javascript:会被吃掉）
回车运行，若出现弹窗如下，说明你的浏览器支持运行 JS 代码（小书签）
话说这个 stylus 美化真的好看
试一下书签
新建一个书签，名字任意，链接就填上面的 JS 代码
随便开个网页，点击这个书签，应该会弹出和上图一样的窗口
实例
如果把网页搞烂了，刷新即可
翻转网页
1 | javascript: let deg = prompt('输入旋转角度（0~360, 默认180）') || 180; eval(document.querySelector('body').style.transform = "rotateY("+deg+"deg)"); |
色调翻转
1 | javascript: let deg = prompt('输入角度（0~360, 默认180）：') || 180; eval(document.querySelector('html').style.filter = "hue-rotate("+deg+"deg)"); |
黑白色调
1 | javascript: let baifenbi = prompt('输入黑白百分比（0~100, 默认100）') || 100; eval(document.querySelector('html').style.filter = "grayscale("+baifenbi+"%)"); |
解除右键限制
1 | javascript: void(document.onselectstart = document.onbeforecopy = document.oncontextmenu = document.onmousedown = document.onkeydown = function(){return true;});void(document.body.onmouseup=''); void(document.body.onselectstart=''); void(document.body.onmouseup=''); void(document.body.oncopy=''); |
貌似在这里点了和没点一样
页面可编辑
最好玩的一个
1 | javascript: document.body.setAttribute('contenteditable', true); |
本文作者：Xecades
本文链接：https://blog.xecades.xyz/articles/bookmarklet/
文章默认使用 CC BY-NC-SA 4.0 协议进行许可，使用时请注意遵守协议。
评论