以下的視頻將幫助你學(xué)習(xí)谷歌瀏覽器的開(kāi)發(fā)工具：

開(kāi)始

下面的視頻描述了如何開(kāi)始使用開(kāi)發(fā)工具、開(kāi)發(fā)工具窗口內(nèi)的面板以及交互控制臺(tái)。

視頻地址：https://www.youtube.com/watch?v=7cqh7MGLgaM

檢測(cè)元素和資源

下面的視頻介紹了如何：

• 檢查元件
• 更改樣式屬性
• DOM 屬性編輯
• 查看和編輯位置度量
• 查看網(wǎng)絡(luò)活動(dòng)的時(shí)間線
• 查看 XHR 信息。

視頻地址：https://www.youtube.com/watch?v=Mhb4n0yGYT4

調(diào)試JavaScript

下面的視頻介紹了圖形界面的 V8 調(diào)試器如何測(cè)試：

• 設(shè)置斷點(diǎn)
• 暫停
• 通過(guò)代碼縮放
• 執(zhí)行代碼
• 查看當(dāng)前調(diào)用堆棧和范圍變量

視頻地址：https://www.youtube.com/watch?v=c_oiQYirKuY

分析與優(yōu)化

下面的視頻介紹了如何使用內(nèi)置的CPU和堆分析器了解那里的資源耗費(fèi)情況，以此幫助你優(yōu)化你的代碼。

視頻地址：https://www.youtube.com/watch?v=OxW1dCjOstE

時(shí)間軸面板

下面的視頻介紹了如何使用時(shí)間軸面板來(lái)獲取信息，在您加載網(wǎng)頁(yè)應(yīng)用程序或頁(yè)面時(shí)，時(shí)間是怎么消耗的。

視頻地址：https://www.youtube.com/watch?v=RhaWYQ44WEc

成為一個(gè)會(huì)使用 JavaScript 控制臺(tái)的用戶(hù)

提升對(duì) Chrome 開(kāi)發(fā)工具的掌握能力，看看 XHR 請(qǐng)求，學(xué)習(xí)控制臺(tái)輔助函數(shù)更好地監(jiān)視事件或?qū)ο?。Chrome 團(tuán)隊(duì)的 Paul Irish將會(huì)給你介紹一下。

視頻地址：https://www.youtube.com/watch?v=4mf_yNLlgic

2011 谷歌 IO 大會(huì)

下面的視頻是在谷歌IO 2011 屆 IO 大會(huì)上討論 Chrome 開(kāi)發(fā)工具時(shí)記錄的。

視頻地址：https://www.youtube.com/watch?v=N8SS-rUEZPg

2010 谷歌 IO 大會(huì)

下面的視頻是在 2010 谷歌 IO 大會(huì)上的 Chrome 開(kāi)發(fā)工具環(huán)節(jié)記錄的。

視頻地址：https://www.youtube.com/watch?v=TH7sJbyXHuk

2012 谷歌 IO 大會(huì)：Chrome開(kāi)發(fā)者工具的演變

下面是 Pavel Feldman 和 Sam Dutton 提出的最新的開(kāi)發(fā)工具的特點(diǎn)綜述：移動(dòng)調(diào)試，編輯，新的時(shí)間表“幀模式”等等。

視頻地址：https://www.youtube.com/watch?v=3pxf3Ju2row