HTTP分析工具

Chrome Dev Tool

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

必須記得的功能:

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

分析起手式:

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

Last updated