Chrome相关知识点

50 阅读1分钟

传送门

前端开发常用的各种小技巧 传送门

  • 在线调试伪类样式
  • 源代码快速定位(Ctrl + P)
  • 接口联调失败,后端找你要response
  • 快速展开DOM(Alt + Click)
  • 快速定位错误?(错误断点)
  • 快速查看绑定的事件
  • 看DOM层级最直观的方式?
  • 查找一些特定的请求(过滤器)
  • 在Element面板调整dom结构?
  • 某些图片或代码在哪发起的?(Initiator)
  • 不想加载某个文件?
  • 使用initator定位请求的发起位置

Command Menu 6大基本功能 传送门

  • help
  • Open file
  • Go to line
  • Go to Symbol
  • Run snippet
  • Run Command

一个Chrome 运行时性能瓶颈分析案例 传送门

一个Web页面性能分析案例, 通过案例了解Performance各模块,找到性能问题&追溯问题,定位&优化代码.

相关链接