【Udemy中英字幕】Mastering Google Chrome DevTools Course

精通 Google Chrome DevTools 课程

了解如何使用 DevTools 中的主要工具，包括性能工具、灯塔、辅助功能等。

讲师：Héctor Uriel Pérez

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你会学到什么

• 了解 Chrome DevTools 的主要工具
• 了解在哪些情况下使用 DevTools 面板
• 如何使用 DevTools 调试 JavaScript 代码
• 检查和修改 DOM
• 检查和修改 CSS
• 优化网站性能

要求

• HTML基础知识
• CSS基础知识
• JavaScript 基础知识

描述

您是否知道使用 Google Chrome DevTools 可以分析您网站的性能？

还是可以模拟视力问题来创建可访问的站点？

如果您对其中任何一个问题的回答是否定的，那是因为您可能只肤浅地了解并使用过 Google Chrome DevTools。

DevTools，是一组功能强大的工具，可帮助开发人员构建更好的网站。

这是可能的，因为 DevTools 包含调试代码、检查网站元素、运行 JavaScript 代码进行测试、查找性能问题、样式问题、可访问性问题等的工具。

在本课程中，您将学习如何使用 DevTools 的主要工具，首先是一段视频，我在视频中通过案例研究解释了其中一种工具的用法，然后是带有必要资源和链接的练习，以便您可以复制您在视频中看到的内容，并以有关课程中所学概念的问题结束。

在课程结束时，您将知道如何使用以及在哪里可以找到主要的 DevTools 来改进您的应用程序和网站。

我们将在课程中看到的一些主题是：

• 与 DOM 树元素交互的工具。
• 使用控制台
• 使用 Sources 面板与源代码交互。
• 使用网络面板可视化网络元素。
• 提高性能和发现性能瓶颈的工具。
• 查找渲染问题的工具
• 在许多其他主题中。

为充分利用本课程，建议您具备 HTML、CSS 和 Javascript 的基本知识。

您还在等什么来创建更好的应用程序和网站？课程见

本课程适合谁：

• 想要学习如何使用 Chrome DevTools 的开发者
• 希望提高调试技能的开发人员
• 想要解决网站问题的开发人员
• 想要了解 Chrome DevTools 最新功能的开发者