Chrome DevTools开发者工具调试指南_课程章节

第1章课程介绍: 课程介绍; Chrome DevTools 功能简介; 打开开发者工具

第2章使用 Elements 调试 DOM: 查看与选择 DOM 节点; 实时编辑 HTML 和 DOM; 在 Console 中访问节点; 在 DOM 中断点调试

第3章调试样式及 CSS: 查看与编辑 CSS; 在元素中动态增加类与伪类; 快速调试 CSS 数值及颜色图形动画等

第4章使用 Console 和 Sources 调试 JavaScript: Console 面板简介与交互式命令; 在 Console 中调试 Log 日志; 调试 JavaScript 的基本流程以及如何使用断点调试; Sources 面板简介; 使用 Snippets 来辅助 Debugging; 使用 DevTools 作为代码编辑器

第5章调试网络: Network 面板简介; 使用 Network 详细分析请求; 使用 Network Waterfall 分析页面载入性能

第6章客户端存储 Application 面板: 查看与调试 Cookie; 查看与调试 LocalStorage 与 SessionStorage

第7章调试移动端、H5 页面及远程调试: 模拟移动设备; 使用 Chrome DevTools 进行 H5 页面开发

第8章在 DevTools 中集成 React 和 Vue 插件: 集成 React 插件; 集成 Vue 插件

第9章总结: 课程总结