HTTP分析工具

Chrome Dev Tool

使用方法： 用Chrome瀏覽器 打開目標網址 點擊F12

Chrome DevTools 開發工具範例圖

必須記得的功能：

Chrome DevTools 開發工具標簽

Elements -> 網頁的動態元素 一般人家講的DOM #### 主力工具
Console -> 控制台輸出 測試一下Javascripts 指令用的，或看輸出
Sources -> 原始碼 做斷點測試 和查找元件用的
Network -> 網路連線相關 (HTTP分析必備) #####主力工具
Performance -> 網路速度分析(一般用不到)
Memory -> 記憶體分析 (一般用不到)

分析起手式：

Chrome dev Tools 分析工具

打開Network 直接按f5 或是 ctrl+r 重整載入