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

作为前端工程师，无论是开发还是线上环境，浏览器或是 node，移动端或者 PC 端，经常会遇到一些 bug，那么如何快速定位和解决问题呢，笔者准备了一份前端调试指南供大家参考。

这是我参与2022首次更文挑战的第28天，活动详情查看：2022首次更文挑战 Elements 面板 Ⅰ- DOM树 1) 检查页面元素 2) 编辑 DOM ① 常见的几个操作 ② 选中后右键更多操作

新来的实习生妹子问了一个问题：「你看 Chrome 的 Devtools 调试工具，代码写一半还没运行下面就会提示输出结果，这个咋做到的？」 咋做的？

控制台有两个主要用途: 查看日志辅助调试和运行JavaScript。它还有一些其他作用，比如辅助性能优化。

顾名思义。。计数, 可以用来统计某个函数的执行次数，也可以传入一个参数，并且根据传入的参数分组统计调用的次数 断言，用来进行条件判断。当表达式为 false 时，则显示错误信息，不会中断程序执行。 $(selector)是原生 document.querySelector() …