Chrome DevTools 使用总结

Chrome DevTools 功能简介

  1. Elements元素面板
    检查和调整页面,调试DOM,调试CSS
  2. Network网络面板
    调试请求,了解页面静态资源分布,网页性能检测
  3. Console控制台面板
    调试JavaScript,查看console log 日志,交互式代码调试
  4. Sources源代码资源面板
    调试JavaScript页面源代码,进行断电调试代码
  5. Application应用面板
    查看&调试客户端存储,如cookie、LocalStorage、SessionStorage
  6. Performance性能面板
    查看页面性能细节,细粒度对网页载入进行性能优化(高阶)
  7. Memory内存面板
    JavaScript CPU分析器,内存堆分析器(高阶)
  8. Security安全面板
    查看页面安全及证书问题
  9. Audits面板
    使用Google Lighthouse辅助性能分析,给出优化建议(高阶)

你可能感兴趣的:(工具,chrome,devtools)