58

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

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=truedocument.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

下载网页图片

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

打开控制台执行这个

copy($$('img').map(function(item){return item.src}).join("\r\n"))

或者

copy([...$$("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删掉即可。

公众号:苏生不惑

扫描二维码关注

点击阅读公众号原文


苏生不惑
18.9k 声望1.9k 粉丝