一些调试小技巧

一些常用的快捷键

快捷键 功能
ctrl + o 搜索文件
ctrl + shift + F 在所有文件中搜索特定的文字
ctrl + shift + o 在某个文件中搜索特定的文字
ctrl + G 跳转到某一行
ctrl + L 清除控制台的信息
ctrl + [ / ctrl + ] 标签切换
ctrl + shift + c 审查元素
shift + Enter / sources -> snippets 在控制台编写多行代码
选中,H 显示/隐藏元素

一些常用的功能

  • 通过js代码来设置断点:debugger,或者直接在sources中打断点,查看堆栈,了解函数调用情况
  • elements的event listeners中可以查看元素事件监听器
  • 选中元素,右击Break on.. -> Attributes Modifications,元素改变时启动断点
  • 开发者工具打开的情况下右击chrome的刷新按钮,可清除缓存并硬重载
-------------本文结束 感谢您的阅读-------------