课程分享了前端开发中必备的浏览器调试工具 Chrome Developer Tools 使用过程中必备的 50 个使用与调试技巧，这些知识是你成为合格的前端开发人员必备技能。 课程地址：https://devopen.club/course/chromedevtools

教程列表：

50 个 Chrome Developer Tools 必备技巧 #001 - 调试窗口的切换

50 个 Chrome Developer Tools 必备技巧 #002 - 快速切换 PC 与手机端进行测试

50 个 Chrome Developer Tools 必备技巧 #003 - 页面元素的快速调试技巧

50 个 Chrome Developer Tools 必备技巧 #004 - 如何保持元素的 hover 等状态

50 个 Chrome Developer Tools 必备技巧 #005 - 元素状态改变的监控方法

50 个 Chrome Developer Tools 必备技巧 #006 - 样式快速调试与修改

50 个 Chrome Developer Tools 必备技巧 #007 - 调试元素的 hover 等样式

50 个 Chrome Developer Tools 必备技巧 #008 - 查看元素样式的盒装模型

50 个 Chrome Developer Tools 必备技巧 #009 - 查看元素最终的样式

50 个 Chrome Developer Tools 必备技巧 #010 - 元素的事件监听查看

50 个 Chrome Developer Tools 必备技巧 #011 - console 的好用处

50 个 Chrome Developer Tools 必备技巧 #012 - console 的一些常用设置

50 个 Chrome Developer Tools 必备技巧 #013 - 如何查看被压缩的 JS: CSS 源码

50 个 Chrome Developer Tools 必备技巧 #014 - 查看整站的加载资源以及编辑

50 个 Chrome Developer Tools 必备技巧 #015 - 调试 JavaScript 的 Call Stack

50 个 Chrome Developer Tools 必备技巧 #016 - 编辑源文件并同步到本地文件中

50 个 Chrome Developer Tools 必备技巧 #017 - 网络请求的监控

50 个 Chrome Developer Tools 必备技巧 #018 - 网络请求面板的按钮使用说明

50 个 Chrome Developer Tools 必备技巧 #019 - 监控页面重绘的方法

50 个 Chrome Developer Tools 必备技巧 #020 - 如何监控并统计没有使用到的脚本

50 个 Chrome Developer Tools 必备技巧 #021 - 如何监控页面的动画变更

50 个 Chrome Developer Tools 必备技巧 #022 - 网络条件与 User-Agent 的设置

50 个 Chrome Dev Tools 必备技巧 #023 - 快速以编辑状态查看一个站点加载的所有资源

50 个 Chrome Developer Tools 必备技巧 #024 - 调试 Android 设备的方法

50 个 Chrome Developer Tools 必备技巧 #025 - 如何让浏览器阻止请求某些资源

50 个 Chrome Developer Tools 必备技巧 #026 - 如何对站点下所有的资源进行全部搜索

50 个 Chrome Developer Tools 必备技巧 #027 - 如何在浏览器中模拟一些传感器数据

50 个 Chrome Developer Tools 必备技巧 #028 - 性能分析的方法(一)

50 个 Chrome Developer Tools 必备技巧 #029 - 性能分析的方法(二)

50 个 Chrome Developer Tools 必备技巧 #030 - 性能分析的方法(三)

50 个 Chrome Developer Tools 必备技巧 #031 - 内存监控的原理与方法(一)

50 个 Chrome Developer Tools 必备技巧 #032 - 内存监控的原理与方法(二)

50 个 Chrome Developer Tools 必备技巧 #033 - 内存监控的原理与方法(三)

50 个 Chrome Developer Tools 必备技巧 #034 - 什么是 manifest

50 个 Chrome Developer Tools 必备技巧 #035 - 如何参看站点的 manifest

50 个 Chrome Developer Tools 必备技巧 #036 - 站点 Service Workers 的概念以及查看方法（一）

50 个 Chrome Developer Tools 必备技巧 #037 - 站点 Service Workers 的概念以及查看方法（二）

50 个 Chrome Developer Tools 必备技巧 #038 - 快速清空所有的本地存储资源

50 个 Chrome Developer Tools 必备技巧 #039 - Local Storage 的原理与查看

50 个 Chrome Developer Tools 必备技巧 #040 - Session Storage 的原理与查看

50 个 Chrome Developer Tools 必备技巧 #041 - IndexedDB 的原理与查看

50 个 Chrome Developer Tools 必备技巧 #042 - Web SQL 的原理与查看

50 个 Chrome Developer Tools 必备技巧 #043 - Cookie 的原理与查看

50 个 Chrome Developer Tools 必备技巧 #044 - Cache 的原理与查看

50 个 Chrome Developer Tools 必备技巧 #045 - 快速转存站点资源的一个方法

50 个 Chrome Developer Tools 必备技巧 #046 - Security 节点功能讲解

50 个 Chrome Developer Tools 必备技巧 #047 - Audit 的使用详解（一）

50 个 Chrome Developer Tools 必备技巧 #048 - Audit 的使用详解（二）

50 个 Chrome Developer Tools 必备技巧 #049 - Audit 的使用详解（三）

50 个 Chrome Developer Tools 必备技巧 #050 - 全局设置功能点介绍与备忘