本文暂未涉及Performance面板的内容。 1. Chrome Devtools 的用处 2. 菜单面板拆解 3. 常用命令和调试 1. 呼出快捷指令面板：cmd + shift + p 在Devtools打开的情况下，键入cmd + shift + p将其激活，然后开始在…

脱发秘籍，快速了解前端Chrome调试工具，这里有你不知道的Chrome调试技巧：元素（Element）​、控制台（Console）页、​源代码（Sources）、网络（Network）、性能优化..

chrome，对于web开发者而言，都是很熟悉的一个浏览器，无论是从事的是前端，后端或者是测试！简单、快捷和功能强大使它受到了许多开发者的青睐！在浏览器排行上，chrome最多人使用，而且占了浏览器份额的半壁江山。可见其欢迎程度。作为一个前端开发者，我也是注重chrome的使用…

调试小技巧： 调试样式的时候，有一类元素是鼠标悬停在特定位置才会出现的，鼠标移走，元素消失，给调试造成麻烦。 怎样才能保证鼠标移走后该元素不消失呢？ 经多次尝试，解决方法如下： 首先，按【F12】打开

@TOC 前言 一、快捷定位元素位置的方法 二、元素不消失的方法，可以方便调试