本文详细介绍Chrome提供的开发者工具，包括element、network、source、Console、performance、memory、application和security等面板的功能与使用方法，帮助开发者更高效地进行网页调试与性能优化。
chrome为开发者提供了下面几组工具：
element 从浏览器角度观察网页，从此处可以看到chrome渲染页面时的html，css和dom对象。
network 页面与服务器交互过程，http请求头，相应内容
source 源代码面板 主要用于调试JavaScript
Console 控制台面板 显示warning和errors。在开发期间可以用console记录诊断信息，或者用它作为shell在页面上与JavaScript交互。
performance 查看网站声明周期内的各种表现，以最终提高页面的性能
memory 提供比performance更多的信息，包括跟踪内存泄漏
application 检查加载的所有资源
security 安全面板，可以用来处理安全证书问题
优秀实用的细节：
1.右键元素可以copy Xpath
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
