已完结 [原创] 50 个 Chrome Developer Tools 必备技巧

  • 前端,开发工具,必学
  • 300 分钟
  • 50 课
  • 课程介绍

课程分享了前端开发中必备的浏览器调试工具 Chrome Developer Tools 使用过程中必备的 50 个使用与调试技巧,这些知识是你成为合格的前端开发人员必备技能。
目前此课程只在 DevOpenClub Pro 交流群中分享以及发布更新。

  • 课程分课标题
  • #001 - 调试窗口的切换
  • #002 - 快速切换 PC 与手机端进行测试
  • #003 - 页面元素的快速调试技巧
  • #004 - 如何保持元素的 hover 等状态
  • #005 - 元素状态改变的监控方法
  • #006 - 样式快速调试与修改
  • #007 - 调试元素的 hover 等样式
  • #008 - 查看元素样式的盒装模型
  • #009 - 查看元素最终的样式
  • #010 - 元素的事件监听查看
  • #011 - console 的好用处
  • #012 - console 的一些常用设置
  • #013 - 如何查看被压缩的 JS/CSS 源码
  • #014 - 查看整站的加载资源以及编辑
  • #015 - 调试 JavaScript 的 Call Stack
  • #016 - 编辑源文件并同步到本地文件中
  • #017 - 网络请求的监控
  • #018 - 网络请求面板的按钮使用说明
  • #019 - 监控页面重绘的方法
  • #020 - 如何监控并统计没有使用到的脚本
  • #021 - 如何监控页面的动画变更
  • #022 - 网络条件与 User-Agent 的设置
  • #023 - 快速以编辑状态查看一个站点加载的所有资源
  • #024 - 调试 Android 设备的方法
  • #025 - 如何让浏览器阻止请求某些资源
  • #026 - 如何对站点下所有的资源进行全部搜索
  • #027 - 如何在浏览器中模拟一些传感器数据
  • #028 - 性能分析的方法(一)
  • #029 - 性能分析的方法(二)
  • #030 - 性能分析的方法(三)
  • #031 - 内存监控的原理与方法(一)
  • #032 - 内存监控的原理与方法(二)
  • #033 - 内存监控的原理与方法(三)
  • #034 - 什么是 manifest
  • #035 - 如何参看站点的 manifest
  • #036 - 站点 Service Workers 的概念以及查看方法(一)
  • #037 - 站点 Service Workers 的概念以及查看方法(二)
  • #038 - 快速清空所有的本地存储资源
  • #039 - Local Storage 的原理与查看
  • #040 - Session Storage 的原理与查看
  • #041 - IndexedDB 的原理与查看
  • #042 - Web SQL 的原理与查看
  • #043 - Cookie 的原理与查看
  • #044 - Cache 的原理与查看
  • #045 - 快速转存站点资源的一个方法
  • #046 - Security 节点功能讲解
  • #047 - Audit 的使用详解(一)
  • #048 - Audit 的使用详解(二)
  • #049 - Audit 的使用详解(三)
  • #050 - 全局设置功能点介绍与备忘
  • 课程完整 4K 超清视频、思维导图、源码资源

           价格:¥199

半卖半送价:¥99

包含此课程的超清 4K 视频课程资源,以及整理后的源码、课程笔记思维导图、相关设计稿等资源。

另送 10 套站点内的热门原创视频课程相关资源!