GoogleChrome浏览器调试功能介绍汇编.pdfVIP

GoogleChrome 浏览器调试功能介绍 Chrome 浏览器得益于其优秀的 V8 解释器， javascript 执行速度和内存占有率表现非 常优秀。对于 html+css+javascript 前台技术的学习或者开发，浏览器 developer tool 的 使用时必不可少的，也能极大的提高学习或者开发效率。本文根据版本 23.0.1271.10 。在 window 下，开启 developer tool 的快捷键为 F12。 1 Developer tool 功能结构 Developer tool 的功能栏有 8 个，分别是标签、资源、网络、源码、时间轴、性能、 监察和显示（命令行）。 2 Element panel 2.1 Element 控制面板基本功能 Element 控制面板能够让你查看所有的 DOM tree 中的内容，可以根据 html 内容找到 页面中的元素或者根据页面中的定位标签，同时可以改变 DOM的内