Chrome开发工具教程
Chrome Developer Tools Course
📚💻 推荐浏览器开发者必修课程:Chrome 开发者工具。深入了解工具使用和调试技巧,加速开发效率!#Chrome #开发者工具 #课程
课程内容
你会学到什么 📚💻
- 即时编辑网站 🌐
- 快速测试想法并进行设计更改 🚀
- 添加工作区并将更改持久保存到磁盘 💾
- 使用命令菜单 📜
- 调试 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 个面板,并了解它们可以做的所有伟大而有用的事情。
完成本课程后,您将能够使用您的新知识开发更快、更好的应用程序!
本课程适用于:💻👥
- 网络开发人员 👨💻👩💻
- 网页设计师 👨🎨👩🎨
- 软件开发商 👨💼👩💼
- 项目/产品经理 🧑💼👩💼