那些你可能不知道的浏览器奇技淫巧

最新推荐文章于 2023-05-14 21:53:48 发布

冷刀出鞘

最新推荐文章于 2023-05-14 21:53:48 发布

阅读量905

点赞数

文章标签：浏览器使用技巧

原文链接：https://www.jianshu.com/p/7eba2043da5f

版权

平常工作少不了用浏览器，以下分享一些浏览器的使用技巧，更好的有助于你的工作。

ps: 以下技巧均在 Chrome 浏览器下测试的。

网页长截图

按 F12 弹出控制台，按 ctrl+shift+p 弹出输入框

image.png

输入full，选择 capture full size screenshot 然后点击就会对当前网页进图并生成下载一个图片。
这个比用 QQ 截图好用的地方就是有滚动条的网页也可以全部截图到，所以叫长截图。

www.google.com.hk_search_newwindow=1&safe=strict&client=aff-maxthon-newtab&channel=t16&source=hp&ei=ll7jXOCENcX68QXZ-pfwBA&q=chrome&oq=chrome&gs_l=psy-ab.12..35i39l2j0i67l3j0i203l5.817.2172..2861...0.0..0.270.855.png

浏览器秒变编辑器

浏览器地址栏中输入 data:text/html, <html contenteditable>回车直接变编辑器，这里可以直接输入字符进行编辑了。

image.png

编辑网页

打开网站，地址栏输入javascript:void(document.body.contentEditable='true');当然也可以直接在控制台输入 document.body.contentEditable=true或document.designMode = "on"然后就可以随心所欲的改变网页内容了，所以一些网页截图不可信，比如之前有人借用王思聪名义用微博发支付宝的红包，可谓套路满满。

image.png

突破禁止复制

有些网站是复制不了内容的，比如b站的文章https://www.bilibili.com/read/cv2444771?from=category_0 ，这个时候就需要用上控制台了（按F12打开）。

image.png

点击左上角箭头，选择网页内容，可以在控制台看到内容，直接复制就行了。

image.png

多账号登录

平常一个浏览器只能登录一个账号，如果要登2个账号，就需要使用多个浏览器，如果只有一个浏览器怎么办，使用隐身模式（按ctrl+shift+n进入），然后登录另外一个账号。

image.png

下载网页图片

想下载网页上的图片，如果一张一张的另存为，那得费不少体力，这个时候就需要控制台了。
比如经常逛知乎可以看到不少妹子自拍。

打开控制台执行这个 copy($$('img').map(function(item){return item.src}).join("\r\n"))或者[...$$("img")].map(a => a.src).join('\r\n')就可以将所有图片地址复制好了。
复制所有链接使用copy($$('a').map(function(item){return item.href;}))

image.png

然后把这些地址放在一个文件url.txt内。

image.png

接下来用wget一键下载。wget -i url.txt -P ./zhihu 所有图片都下载到本地目录zhihu了。

image.png

另外关于知乎还有个隐藏技能，按?可以打开快捷键帮助，不用鼠标也可以玩知乎了，微博也有这功能。

image.png

显示保存密码

打开控制台将type=password 的password删掉即可显示。

小恐龙游戏

浏览器打开 chrome://dino 或者控制台勾选下图所示的offline选择框

image.png

按下空格按键，可以玩游戏了。
有人讲Chrome恐龙游戏的代码开源了 https://github.com/wayou/t-rex-runner
打开https://wayou.github.io/t-rex-runner/
开始玩吧。

image.png

想刷分的话执行代码

Runner.instance_.setSpeed(99999); 试试 瞬间 满分
window.tempGameOver = Runner.instance_.gameOver;
Runner.instance_.gameOver = function(){}// 不会死亡

语音播报

speechSynthesis.speak(new SpeechSynthesisUtterance(decodeURIComponent(escape(atob("5oGt5Zac5L2g77yM5L2g6L+Y5piv5Liq5a6d5a6d77yM6ICB5bm05Lq65Lmf6KaB6L+H5YWt5LiA77yM5rOo5oSP77ya5byA5aeL5pKt5oql5Zue5aSN77yMM++8jDLvvIwx77ya")))+$("[id*=r_]").text()+"，玩玩完完玩玩完完"));

Chrome 浏览器的一些使用小技巧
https://blog.mutoe.com/2017/chrome-uses-tips/
渗透技巧——导出Chrome浏览器中保存的密码
https://3gstudent.github.io/3gstudent.github.io/%E6%B8%97%E9%80%8F%E6%8A%80%E5%B7%A7-%E5%AF%BC%E5%87%BAChrome%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%AD%E4%BF%9D%E5%AD%98%E7%9A%84%E5%AF%86%E7%A0%81/

chrome浏览器必知必会的小技巧
Chrome 控制台不完全指南 https://www.cnblogs.com/Wayou/p/chrome-console-tips-and-tricks.html

作者：苏生_不惑
链接：https://www.jianshu.com/p/7eba2043da5f
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。