F12开发者调试工具 F12开发者调试工具 关注:11 内容:11

F12开发者调试工具,对我们都有什么用处呢?

  • 查看作者
  • 打赏作者
  • 当前位置: F12开发者 > F12开发者调试工具 > 正文
    • F12开发者调试工具
    • Lv.9
      超凡入圣
      官方

      很多站长程序员基本上知道F12这个开发者工具快捷键,但是这个快捷键对于我们来说有什么用处呢?

      不知道大家有没有试过在浏览器中不小心打开下面这个开发者工具界面

      F12开发者调试工具,对我们都有什么用处呢?

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

      F12开发者调试工具,对我们都有什么用处呢?

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

      F12开发者调试工具,对我们都有什么用处呢?

      这个代码的窗口是怎么出现的呢?

      我们可以按快捷键F12,或者在网页右击鼠标选择【审查元素

      F12开发者调试工具,对我们都有什么用处呢?

      就可以打开这个开发者工具了。

      那么这个开发者工具,对于我们非程序员来说,有什么用呢?

      一:复制不可复制的文字

      比如我在知乎分享过一篇文章,我设置了不可转载,那么如果别人想复制我的文字时,就会出现下面这个标识【禁止转载】,也就是别人没法复制我的文章。

      F12开发者调试工具,对我们都有什么用处呢?

      但是,别人就是喜欢这一段,只是想引用一下,那么怎么复制我的这段文字呢?

      这时候F12开发者工具就派上用场了。

      我们按下F12,或者右击鼠标选择【审查元素】,调出开发者工具

      然后使用查找快捷键:Ctrl+F,然后在下面查找那里输入我们想复制的那段文字的前几个字,就可以找到文字的源代码了。

      F12开发者调试工具,对我们都有什么用处呢?

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

      F12开发者调试工具,对我们都有什么用处呢?

      二、下载不能右击鼠标选择保存的图片

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

      F12开发者调试工具,对我们都有什么用处呢?

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

      F12开发者调试工具,对我们都有什么用处呢?

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

      F12开发者调试工具,对我们都有什么用处呢?

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

      F12开发者调试工具,对我们都有什么用处呢?

      三、当然还有作弊截假的数据图等骚操作

      这个很多人做,很多人利用修改数据截图来达到炫耀或其他目的,比如可以修改账号余额,然后截图向别人炫耀,或者是某日期的修改等,只需要F12选中那个元素,直接修改文本即可。

      请登录之后再进行评论

      登录
    • 发表内容
    • 实时动态
    • 偏好设置
    • 帖子间隔 侧栏位置: