Chrome開發(fā)工具 視頻

視頻 Videos

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

開始

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

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

檢測元素和資源

下面的視頻介紹了如何：

• 檢查元件
• 更改樣式屬性
• DOM 屬性編輯
• 查看和編輯位置度量
• 查看網絡活動的時間線
• 查看 XHR 信息。

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

調試JavaScript

下面的視頻介紹了圖形界面的 V8 調試器如何測試：

• 設置斷點
• 暫停
• 通過代碼縮放
• 執(zhí)行代碼
• 查看當前調用堆棧和范圍變量

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

分析與優(yōu)化

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

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

時間軸面板

下面的視頻介紹了如何使用時間軸面板來獲取信息，在您加載網頁應用程序或頁面時，時間是怎么消耗的。

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

成為一個會使用 JavaScript 控制臺的用戶

提升對 Chrome 開發(fā)工具的掌握能力，看看 XHR 請求，學習控制臺輔助函數(shù)更好地監(jiān)視事件或對象。Chrome 團隊的 Paul Irish將會給你介紹一下。

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

2011 谷歌 IO 大會

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

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

2010 谷歌 IO 大會

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

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

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

下面是 Pavel Feldman 和 Sam Dutton 提出的最新的開發(fā)工具的特點綜述：移動調試，編輯，新的時間表“幀模式”等等。

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