Chrome網頁除錯功能大解密-學習筆記(下)

六角學院Udemy學習筆記

---

JavaScript 與效能調校

• Network區塊 - requests下載檔案數，Load讀取時間 (優化效能)
• Comsole區塊 -
  • 使用console.log執行JavaScript除錯
  • 直接編寫JS,JQ,JSON語法
  • console.table - 表格顯示陣列
• Event Listener功能 - 事件監聽
• Breakpoints功能 - 下斷點

---

JavaScript 進階除錯篇

• Sources區塊 - 查看JavaScript
• DOM (Break on) - 查看子元素編輯、屬性變更、本身被移除
• JS除錯 - 行內斷點，進入進出函數，除錯模式
• Call Stack - 追蹤函數程式
• AJAX XHR 斷點偵測 - XHR關鍵字斷點

---