F12开发者工具,对我们有什么用?野史趣闻
很多程序员基本上知道F12这个开发者工具快捷键,但是这个快捷键对于我们来说有什么用处呢?
不知道大家有没有试过在浏览器中不小心打开下面这个开发者工具界面

或者打开的是这样的:代码在最下面

这个没有关系,我们可以在右上角调节窗口显示的位置。

这个代码的窗口是怎么出现的呢?
我们可以按快捷键F12,或者在网页右击鼠标选择【审查元素】

就可以打开这个开发者工具了。
那么这个开发者工具,对于我们非程序员来说,有什么用呢?
一:复制不可复制的文字
比如我在知乎分享过一篇文章,我设置了不可转载,那么如果别人想复制我的文字时,就会出现下面这个标识【禁止转载】,也就是别人没法复制我的文章。

但是,别人就是喜欢这一段,只是想引用一下,那么怎么复制我的这段文字呢?
这时候F12开发者工具就派上用场了。
我们按下F12,或者右击鼠标选择【审查元素】,调出开发者工具
然后使用查找快捷键:Ctrl+F,然后在下面查找那里输入我们想复制的那段文字的前几个字,就可以找到文字的源代码了。

这时候我们在那段文字源代码右击鼠标,选择【copy】,就可以复制了。

二、下载不能右击鼠标选择保存的图片
首先我们打开不能直接下载图片的网站,然后使用快捷键F12,或者右击鼠标选择【审查元素】,然后选择【nerwork】,再选择【Img】,大部分网页是这样结构,有些图片会在【sources】那里栏,总之能找到图片的资源所在位置就可以了。

在右边那一栏就是我们需要找的图片资源

右边找到我们需要的图片资源,然后右击鼠标选【Open image in new tab】,在新的页面打开图片。

然后就可以右击鼠标另存为下载图片资源了了

三、当然还有作弊截假的数据图
这个很多人做,很多人利用修改数据截图来达到炫耀的目的,这里顺便告诉大家是怎么做的,避免被骗
比如我可以修改我的账号余额账户,然后截图向别人炫耀,现在是0.99元

我现在使用F12打开开发者工具,找到账号余额,修改数值,马上就可以改一个数值,然后截图炫耀去了。

我知乎账号余额能不能突破5位数就靠大家了哈哈

本文作者:高效能人士加油站(今日头条)