开发者工具面板功能介绍（chrome）

chrome 浏览器作为程序员的标配，在页面加载性能和调试方便有着优秀的表现，下面讲讲chrome开发者工具面板功能的详细介绍。
操作：点击键盘“F12”即可调取开发者工具面板
包含：Elements面板、Console面板、Sources面板、Network 面板、Performance面板 、Memory面板
Application面板、Security面板、Audits面板等。
1. Elements 面板 可以查找网页源代码 html 中的节点，可以实时编辑标签属性，鼠标选中的DOM会在页面中显示标签名和margin、padding、width、height等属性。 也可以修改页面中的样式属性，且能在浏览器里面实时得到反馈，调试前端代码非常方便。