那些你可能不知道的浏览器奇技淫巧
平常工作少不了用浏览器，以下分享一些浏览器的使用技巧，更好的有助于你的工作。
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, 回车直接变编辑器，这里可以直接输入字符进行编辑了。
image.png
编辑网页
打开网站，地址栏输入javascript:void(document.body.contentEditable='true');当然也可以直接在控制台输入 document.body.contentEditable=true或document.designMode = "on"然后就可以随心所欲的改变网页内容了，所以一些网页截图不可信，比如之前有人借用王思聪名义用微博发支付宝的红包，可谓套路满满。
image.png
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
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
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。