●第1章 熱身運動
1.1 關於本書
1.2 適用讀者
1.3 學習Debug技巧的地圖
1.4 REPL和實時測試工具
1.5 前端開發Debug工具的選擇
1.6 Debug“心法”的建立
1.6.1 放大出錯的影響
1.6.2 治標不治本
1.6.3 集中精神並且適度休息
1.6.4 不要鑽牛角尖
1.6.5 適時尋求協助
1.6.6 心無旁騖
第2章 通用技巧
2.1 專注於單一問題
2.2 關鍵詞搜索
2.3 閱讀文件、源代碼及規範
2.4 單方向尋找
2.5 降低變動條件
2.6 使用版本控制
2.7 善用開發工具
2.8 如何減少Bug及降低維護難度
2.8.1 靜態分析程序代碼
2.8.2 制定語法規範
2.8.3 統一語法格式
2.8.4 加入注釋
2.9 小結
第3章 DOM和CSS技巧
3.1 基本原則
3素檢查技巧
3.2.1 檢查工具
3.2.2 狀態鎖定
3.2.3 暫停執行
3.2.4 節點隱藏
3.2.5 搜索
3.3 存取、修改DOM
3.3.1 插入節點
3.3.2 移動和刪除節點
3.3.3 ==$0
3.4 CSS基本觀察技巧
3.4.1 屬性簡寫
3.4.2 !important
3.4.3 檢查計算後的屬性
3.4.4 默認CSS規則
3.4.5 繼承屬性
3.5 CSS高級檢查技巧
3.5.1 加入邊界提示
3.5.2 定義的屬性值和計算結果不同
3.5.3 實際顯示大小與計算結果不符
3.6 CSS調整技巧
3.6.1 添加規則
3.6.2 加入Pse素
3.6.3 微調數值
3.6.4 快速切換Class
3.6.5 同時加入多項屬性
3.7 inl素的問題
3.7.1 display: inline；
3.7.2 inl素下方的空間
……
第4章 JavaScript技巧
第5章 API技巧
第6章 JavaScript性能分析技巧
第7章 頁面加載流程分析技巧
第8章 瀏覽器渲染性能分析技巧
第9章 設備仿真及 Debug技巧
第10章 用戶體驗和無障礙網頁
第11章 錯誤處理技巧
第12章 Chrome DevTools
第13章 Elements面板
第14章 Console面板
第15章 Sources面板
第16章 Network面板
第17章 Performance面板

掌握Debug（調試和故障排除）技術是編程人員重要的能力之一。本書作者將多年積累的開發經驗濃縮到本書精心設計的教案中，通過範例網站和程序代碼講解HTML、DOM和CSS、JavaScript、性能分析、用戶體驗、錯誤處理等開發過程中遇到的問題的成因和解決方法，幫助讀者從心態、通用方法切入Debug技巧，再深入至不同主題。相信讀者在閱讀本書之後，能夠更好地掌握Debug工具，將學到的Debug技能應用到實際的開發和測試工作中，並大幅提升解決問題和開發的效率。本書適用於前端初學者、前端工程師以及有經驗的開發者。