f12

Posted wdbupt

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了f12相关的知识,希望对你有一定的参考价值。

       Chrome开发者工具中,调试时使用最多的三个功能页面是:元素(ELements)、控制台(Console)、源代码(Sources),此外还有网络(Network)等。

技术分享图片

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

以上是关于f12的主要内容,如果未能解决你的问题,请参考以下文章

防F12扒代码:按下F12关闭当前页面

按键f12如何抓包?

F12chrome浏览器中 F12 功能的简单介绍

禁用按钮 (F12)

ie11按f12怎样降低浏览器版本

海尔变频空调故障代码f12