谷歌浏览器F12控制台的使用方式——适合开发者

Posted 清颖~

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了谷歌浏览器F12控制台的使用方式——适合开发者相关的知识,希望对你有一定的参考价值。

开发者离不开F12浏览器调试,特别是前后端开发人员的必备技能。话不多说,直接上重点:

  1. 元素(Elements):用于查看或修改html元素的属性、CSS属性、监听事件、断点等。
  2. 控制台(Console):控制台一般用于执行一次性代码,查看javascript对象,查看调试日志信息或异常信息。
  3. 源代码(Sources):该页面用于查看页面的HTML文件源代码、JavaScript源代码、CSS源代码,此外最重要的是可以调试JavaScript源代码,可以给JS代码添加断点等。
  4. 网络(Network):网络页面主要用于查看header等与网络连接相关的信息。

直接收录,请点击:https://www.cnblogs.com/zhuzhubaoya/p/9758648.html

由于该博主已经写好,这里就不搬别人文章了,尊重原创。

以上是关于谷歌浏览器F12控制台的使用方式——适合开发者的主要内容,如果未能解决你的问题,请参考以下文章

谷歌浏览器怎么调试js 谷歌浏览器调试javascript教程

谷歌浏览器怎么调试js

谷歌浏览器 浏览网页时 怎么修改js

详解网页开发中的页面调试主要是谷歌浏览器的F12调试功能

谷歌开发者工具(F12)的使用小坑

f12键的作用