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

icyfire 发布于2019-08-26 13:53 / 1620人阅读

摘要：比如经常逛知乎可以看到不少妹子自拍，比如这个问题打开控制台执行这个或者就可以将所有图片地址复制好了。另外关于知乎还有个隐藏技能，按可以打开快捷键帮助，不用鼠标也可以玩知乎了，微博也有这功能。显示保存密码通过审查元素将的删掉即可。

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

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

网页长截图

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

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

浏览器秒变编辑器

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

编辑网页

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

突破禁止复制

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

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

多账号登录

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

下载网页图片

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

打开控制台执行这个

copy($$("img").map(function(item){return item.src}).join("
"))

或者

copy([...$$("img")].map(a => a.src).join("
"))

就可以将所有图片地址复制好了。
复制所有链接使用copy($$("a").map(function(item){return item.href;}))

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

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

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

显示保存密码

通过审查元素将type=password 的password删掉即可。

公众号：苏生不惑

点击阅读公众号原文

GPU云服务器云服务器可能不知道地方你知道你应该知道你不知道的

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/109738.html

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

摘要：比如经常逛知乎可以看到不少妹子自拍，比如这个问题打开控制台执行这个或者就可以将所有图片地址复制好了。另外关于知乎还有个隐藏技能，按可以打开快捷键帮助，不用鼠标也可以玩知乎了，微博也有这功能。平常工作少不了用浏览器，以下分享一些浏览器的使用技巧，更好的有助于你的工作。 ps: 以下技巧均在 Chrome 浏览器下测试的。网页长截图按 F12 弹出控制台，按 ctrl+shift+p 弹出...

banana_pi 2019-05-23 16:24 评论0 收藏0
命令行录制工具 asciinema

摘要：平常出求助的时候有时候贴代码或者截图往往不直观，如果能重现给对方看就好了，这里推荐个命令行的录制工具。执行开始录制录制完成后退出，可以保存到本地或者上传到。录制过程在可以看到了。这个就是录制生成的文件，可以直接用浏览器打开。平常出bug求助的时候有时候贴代码或者截图往往不直观，如果能重现给对方看就好了，这里推荐 2 个命令行的录制工具。 asciinema 网站https://asc...

enali 2019-07-31 11:27 评论0 收藏0
JS数组中那些你知道或不知道的

摘要：从这句话我们可以知道，当我们构造一个指定长度的时，由于有长度，所以会开辟相应下标的空间，但是因为该下标并没有元素，所以就会返回，任何原因构造数组元素失败时，都会返回一个。作者：陈大鱼头 github： KRISACHAN JS中的Array ecma-262中的定义：Array对象是一种特殊对象，它会对数组索引属性键进行特殊处理。每个Array对象都有一个不可配置的lengt...

BenCHou 2019-08-26 10:15 评论0 收藏0
JS数组中那些你知道或不知道的

摘要：当且仅当使用至少两个参数调用构造函数时，此描述才适用。断言的值为返回。还有是定义指定长度数组时会出现什么事呢在源码中有个的方法。转换为数字对象转换为数字的规则如下表参数类型结果返回。不同的是，可以选择自定义上下文环境。作者：陈大鱼头 github： KRISACHAN JS中的Array ecma-262中的定义： Array对象是一种特殊对象，它会对数组索引属性键进行特殊处理。 ...

jackzou 2019-05-23 17:28 评论0 收藏0
Java与groovy混编 —— 一种兼顾接口清晰和实现敏捷的开发方式

摘要：原文链接有大量平均水平左右的工人可被选择参与进来这意味着好招人有成熟的大量的程序库可供选择这意味着大多数项目都是既有程序库的拼装，标准化程度高而定制化场景少开发工具测试工具问题排查工具完善，成熟基本上没有团队愿意在时间紧任务重的项目情况原文链接：http://pfmiles.github.io/blog/java-groovy-mixed/ 有大量平均水平左右的工人可被选择、参与...

LittleLiByte 2019-08-14 12:06 评论0 收藏0