Chrome开发者工具课程

学习 Chrome DevTools 来编辑、调试、测试和优化您的网络应用

课程英文名：Chrome Developer Tools Course

此视频教程共12.0小时，中英双语字幕，画质清晰无水印，源码附件全

下载地址

课程编号：278百度网盘地址：https://pan.baidu.com/s/1CsCVJFLuUnuK6cs1ylgLIg?pwd=vlru

课程内容

你会学到什么

• 即时编辑网站

• 测试想法并快速进行一些设计更改

• 添加工作区并将更改持久保存到磁盘

• 使用命令菜单

• 调试 JavaScript 代码

• 设置断点

• 使用控制台日志和其他命令

• 提高负载和运行时性能

• 分析安全问题

• 查找内存泄漏并修复内存问题

• 进行审核，提高网站的谷歌排名

• 检查和调试渐进式 Web 应用程序

课程内容

4 个部分- 27 个讲座- 2 小时 18 米总长度展开所有部分

介绍4 节课- 9分钟

元素面板5节课- 19分钟

调试5 节课- 29 分钟

审计和绩效13 节课- 1 小时 21 分钟

要求

• html、css和/或javascript的基本知识（用于调试）

描述

谷歌浏览器是目前 Web 开发人员使用的最流行的 Web 浏览器之一，但大多数人只知道最基本的功能。Chrome 开发人员工具提供对 Web 应用程序的更深入访问，并且了解附加功能可以提高工作效率和工作速度。

在课程中，您将学习诸如..

检查和编辑 HTML 和 CSS

调试 JavaScript

设置断点

控制台日志和其他命令

使用片段

添加工作区并将更改保留到磁盘

查看和删除浏览器存储

检查网络和资源

分析内存和安全问题

优化关键渲染路径

发现有用的工具

测试和优化性能

执行审计

优化网站速度

本课程由 3 个主要部分组成：编辑、调试、测试和优化性能。我们将逐一介绍 Chrome 开发者工具的 9 个面板，并了解它们可以做的所有伟大而有用的事情。

完成本课程后，您将能够使用您的新知识开发更快、更好的应用程序！

本课程适用于：

• 网络开发人员

• 网页设计师

• 软件开发商

• 项目/产品经理