1、chrome浏览器开发者工具面板
2、控制器 抓包/停止抓包 清除 保留日志:要跨页面加载保留之前的页面请求 模拟慢速网络连接:可自定义网速 3、过滤器:按类型划分 JS、CSS、Img、Media、Font、Doc、WS(WebSocket)等 多类型,按住Command(Mac)或Ctrl(Window/Linux) 按时间过滤:概览面板,拖动滚动条 隐藏数据URL:CSS图片等小文件以BASE64格式潜入HTML中,以减少HTTP请求数 4、预览请求头部
查看头部 查看Cookie 预览响应正文:查看图像用 查看响应正文 时间详细分布 浏览器加载时间(概览、概要、请求列表) 查看请求上下游:按住Shift健悬停请求上,绿色是上游,红色是下游(某一个请求是哪一个请求引发的) |