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 个面板,并了解它们可以做的所有伟大而有用的事情。

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

本课程适用于:

  • 网络开发人员
  • 网页设计师
  • 软件开发商
  • 项目/产品经理