admin管理员组

文章数量:1532370

调试时使用最多的功能页面是：元素（ELements）、控制台（Console）、源代码（Sources）、网络（Network）等。

  •  元素（Elements）：用于查看或修改HTML元素的属性、CSS属性、监听事件、断点（DOM断点：在JavaScript调试中，我们经常使用到断点调试，其实在DOM结构的调试中，我们也可以使用断点方法，这就是DOM Breakpoint（DOM 断点））
  • 控制台（Console）：控制台一般用于执行一次性代码，查看JavaScript对象，查看调试日志信息或异常信息。
  • 源代码（Sources）：该页面用于查看页面的HTML文件源代码、JavaScript源代码、CSS源代码，此外最重要的是可以调试JavaScript源代码，可以给JS代码添加断点等。
  • 网络（Network）：网络页面主要用于查看header等与网络连接相关的信息。
  • 资源（Resources）： 查看本地资源信息的（cookie,local storage,session storage等）

 

元素（Elements）

查看元素代码：点击如图箭头（或用者用快捷键Ctrl+Shift

本文标签： 开发者浏览器功能调试工具

版权声明：本文标题：浏览器F12（开发者调试工具） 功能介绍 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1725798532a1043283.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。