Chrome浏览器F12开发者工具的几个小技巧总结

tiancaisq

https://blog.csdn.net/gdjlc/article/details/72954738


快速查找并定位文件：
Ctrl + P

全局搜索关键字：
Ctrl + Shift + F

代码片段
Source 标签栏下点击左侧栏的 Snippet 调出片段窗口

该窗口下可以直接执行js 脚本

调试模式
在Sources 下进行代码调试的时候可以通过ESC 调出Console 窗口，方便修改变量

调试模式下可以任意去改变js 代码，保存即可

网络请求

可以通过Filter 筛选过滤需要的请求类型

DOM修改中断

审查元素中右键BreakOn 可以设置多中DOM 变换的断电。例如：修改，属性，删除的中断

XHR 中断
在Resource 下右侧栏中添加一个XHR 断点即可。什么都不输入就是中断所有请求


事件触发中断
也是在Resource 下设置中断类型


console.clear()  清空控制台消息
console.warn()
console.error()


控制台输入
$()， 元素选择器
$$(),  数组
$_  获取上一次的计算结果