系列文章
DAY 11
運算及其他的幾個控制台
過去的幾天，我們一起討論了如何動態編輯 DOM 元素及樣式，這就是元素面版最常用的兩個功能，而今天要跟大家一起來探討的是在元素面版中剩下的幾個控制台，而這當中除...
DAY 12
控制台面版 1 - 讀取-求值-輸出循環
今天我們要一起來討論的 Chrome 開發者工具的控制台面版 (Console panel)，這個面版我們在前面有很簡單的介紹過，其實它就像是一個讀取-求值-輸...
DAY 13
控制台面版 2 - 結合元素面版
昨天我們簡單的介紹了控制台面版的讀取-求值-輸出循環功能，今天我們要一起要來看它提供的一些方便的 API，以及如何透過這些 API 與元素面版一起使用。 常見...
DAY 16
原始碼面版 - 使用中斷點 1
今天我們要開始來一起討論如何使用原始碼面版 (Sources panel) 來除錯你的網頁。在開發者工具中，我最常用的面版就是元素面版跟原始碼面版，每當我在進行...
DAY 17
原始碼面版 - 使用中斷點 2
昨天我們中斷點講到了一半，今天我們就接著一起來看在中斷點作用後，我們可以做些什麼。 使用中斷點來除錯 請重覆昨天的步驟，並使用官方的 Demo 來打開中斷點，如...
DAY 18
原始碼面版 - 在中斷點間移動及觀察變數
到目前為止，我們已經知道怎麼在開發工具裡設置中斷點，也一起討論了兩種設置中斷點的方法跟它們的差異。今天我們要介紹更多除錯的小技巧，準備好了嗎？ 使用 JS 除錯...
DAY 19
原始碼面版 - 找到那個 Bug
今天我們要把 JS 除錯控制台 裡的功能講完，然後再介紹在中斷點作用中的時候，我們如何使用控制台 (Console) 來快速除錯。 使用 JS 除錯控制台 在開...
DAY 20
網路面版 - 介面簡介
今天要一起來看的是網路面版 (Network panel)，網路面版主是要拿來檢查資源透過 HTTP 傳輸的狀況。當我們的瀏覽器向網頁伺服器發出要求直到伺服器把...