Chrome开发者工具课程
学习 Chrome DevTools 来编辑、调试、测试和优化您的网络应用
课程英文名:Chrome Developer Tools Course
此视频教程共12.0小时,中英双语字幕,画质清晰无水印,源码附件全
下载地址
课程编号:278
百度网盘地址:https://pan.baidu.com/s/1CsCVJFLuUnuK6cs1ylgLIg?pwd=vlru
夸克网盘(不限速)地址:https://pan.quark.cn/s/f22e63655397
课程内容
你会学到什么
- 即时编辑网站
- 测试想法并快速进行一些设计更改
- 添加工作区并将更改持久保存到磁盘
- 使用命令菜单
- 调试 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 个面板,并了解它们可以做的所有伟大而有用的事情。
完成本课程后,您将能够使用您的新知识开发更快、更好的应用程序!
本课程适用于:
- 网络开发人员
- 网页设计师
- 软件开发商
- 项目/产品经理