Chrome開(kāi)發(fā)者工具課程

學(xué)習(xí) Chrome DevTools 來(lái)編輯、調(diào)試、測(cè)試和優(yōu)化您的網(wǎng)絡(luò)應(yīng)用

課程英文名：Chrome Developer Tools Course

此視頻教程共12.0小時(shí)，中英雙語(yǔ)字幕，畫(huà)質(zhì)清晰無(wú)水印，源碼附件全

下載地址

課程編號(hào)：278百度網(wǎng)盤(pán)地址：https://pan.baidu.com/s/1CsCVJFLuUnuK6cs1ylgLIg?pwd=vlru

課程內(nèi)容

你會(huì)學(xué)到什么

• 即時(shí)編輯網(wǎng)站

• 測(cè)試想法并快速進(jìn)行一些設(shè)計(jì)更改

• 添加工作區(qū)并將更改持久保存到磁盤(pán)

• 使用命令菜單

• 調(diào)試 JavaScript 代碼

• 設(shè)置斷點(diǎn)

• 使用控制臺(tái)日志和其他命令

• 提高負(fù)載和運(yùn)行時(shí)性能

• 分析安全問(wèn)題

• 查找內(nèi)存泄漏并修復(fù)內(nèi)存問(wèn)題

• 進(jìn)行審核，提高網(wǎng)站的谷歌排名

• 檢查和調(diào)試漸進(jìn)式 Web 應(yīng)用程序

課程內(nèi)容

4 個(gè)部分-?27 個(gè)講座-?2 小時(shí) 18 米總長(zhǎng)度展開(kāi)所有部分

介紹4 節(jié)課- 9分鐘

元素面板5節(jié)課- 19分鐘

調(diào)試5 節(jié)課-?29 分鐘

審計(jì)和績(jī)效13 節(jié)課-?1 小時(shí) 21 分鐘

要求

• html、css和/或javascript的基本知識(shí)（用于調(diào)試）

描述

谷歌瀏覽器是目前 Web 開(kāi)發(fā)人員使用的最流行的 Web 瀏覽器之一，但大多數(shù)人只知道最基本的功能。Chrome 開(kāi)發(fā)人員工具提供對(duì) Web 應(yīng)用程序的更深入訪(fǎng)問(wèn)，并且了解附加功能可以提高工作效率和工作速度。

在課程中，您將學(xué)習(xí)諸如..

檢查和編輯 HTML 和 CSS

調(diào)試 JavaScript

設(shè)置斷點(diǎn)

控制臺(tái)日志和其他命令

使用片段

添加工作區(qū)并將更改保留到磁盤(pán)

查看和刪除瀏覽器存儲(chǔ)

檢查網(wǎng)絡(luò)和資源

分析內(nèi)存和安全問(wèn)題

優(yōu)化關(guān)鍵渲染路徑

發(fā)現(xiàn)有用的工具

測(cè)試和優(yōu)化性能

執(zhí)行審計(jì)

優(yōu)化網(wǎng)站速度

本課程由 3 個(gè)主要部分組成：編輯、調(diào)試、測(cè)試和優(yōu)化性能。我們將逐一介紹 Chrome 開(kāi)發(fā)者工具的 9 個(gè)面板，并了解它們可以做的所有偉大而有用的事情。

完成本課程后，您將能夠使用您的新知識(shí)開(kāi)發(fā)更快、更好的應(yīng)用程序！

本課程適用于：

• 網(wǎng)絡(luò)開(kāi)發(fā)人員

• 網(wǎng)頁(yè)設(shè)計(jì)師

• 軟件開(kāi)發(fā)商

• 項(xiàng)目/產(chǎn)品經(jīng)理