前端常用的Chrome调试技巧最全汇总

目录

• 00、基础操作汇总
• 01、元素面板（Element）
• 1.1、CSS可视化编辑器
• 1.2、强制激活伪类
• 1.3、DOM断点
• 02、控制台面板（Console）
• 2.1、console函数
• 2.2、增强log：真实用！ 
• 2.3、自定义log样式：占位符
• 2.4、监听函数
• 2.5、监听变量：活动表达式
• 03、源代码面板（Sources）
• 3.1、断点调试
• 3.2、调试线上代码：本地工作区
• 04、网络面板（Network）
• 05、性能面板（Performance）
• 总结