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

2019-05-21 本文已影响64人苏生_不惑

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

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

下载网页图片

想下载网页上的图片，如果一张一张的另存为，那得费不少体力，这个时候就需要控制台了。
比如经常逛知乎可以看到不少妹子自拍，比如这个问题https://www.zhihu.com/question/26297181/answer/633004295

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;}))