关于 chrome devTools
Elements
1.styles中:hov选择伪类元素
2…cls动态增添改class
3. 元素右键break on可新增DOM断点(子节点变化,元素属性变化,节点移除),当元素发生对应变化会跳入对应代码。发现始终无法跳转时考虑是否为css实现
Console
console.table(array,object) //yyds
Source
Watch 添加变量查看变化
F9 一步一步一步一步
F10 不进入函数内部,仅展示结果
F11 进入函数内部
主体逻辑F10,看细节F11
Snippets 新建文件,保存,右键运行,直接运行项目中的方法.
FileSystem,Overrides 直接修改本地文件