要精准分析网页加载性能,必须通过开发者工具Network面板捕获完整网络生命周期:先用快捷键唤出工具,点亮录制按钮并勾选Preserve log,再访问目标页,用XHR/Fetch筛选或关键词搜索定位请求,单击主文档查看Timing分段耗时,最后导出HAR文件分析响应头与内容。

要查看网页在米侠浏览器中加载时每一步的真实耗时、请求顺序和失败环节,不能只看地址栏转圈时间或刷新重试——必须捕获从DNS查询到资源下载的完整网络生命周期,否则无法区分是服务器慢、网络卡,还是前端JS阻塞了关键请求。
打开并激活Network面板
按 Ctrl + Shift + I(Windows/Linux)或 Cmd + Option + I(macOS)直接唤出开发者工具,米侠浏览器默认不显示图形化入口,快捷键是唯一可靠方式。
点击顶部标签栏的 Network 选项卡,确保左上角红色圆形录制按钮已点亮——【未点亮则所有请求都不会被记录,后续步骤全部无效】。
勾选左上角的 Preserve log 复选框。这一步不能跳过:若不勾选,页面跳转或单页应用路由切换时,刚发出的关键登录请求会瞬间消失,只剩当前视图的零星资源。
捕获并筛选目标请求
在 Network 面板保持开启状态下,访问你要分析的网页(例如输入 https://example.com 并回车),浏览器将自动记录全部请求链。
方法一:点击预设按钮 XHR 或 Fetch,立即屏蔽 CSS、JS、图片等干扰项,只保留 JavaScript 主动发起的结构化数据请求。
方法二:在面板上方搜索框中输入关键词,例如 api、login 或完整路径片段如 /v3/user,系统实时匹配 URL,比手动滚动翻找快得多。
方法三:抓取主文档请求——刷新后第一个条目通常是 HTML 文档本身(名称为域名或 /,状态码为 200),右键该行 →「在新标签页中打开」,若能正常显示网页源码,说明主请求捕获成功;若打不开,证明网络层已中断,问题不在面板设置而在代理或 DNS。
定位主请求并读取分段耗时
第一步:在左侧列表中找到第一个请求(通常为根路径 / 或页面标题,状态码为 200),单击该行。
第二步:右侧自动展开详情视图,点击顶部 Timing 子标签,看到一条横向时间轴,从左到右依次标注:DNS Lookup(蓝色)、Initial Connection(绿色)、Waiting (TTFB)(橙色)、Content Download(红色)。
鼠标悬停任意色块,弹出浮层显示精确毫秒值;例如 TTFB 超过 800ms,大概率是后端处理慢或网络延迟高,而非前端问题。注意底部状态栏三个全局时间点:Finish(最后一个请求结束)、DOMContentLoaded(DOM 构建完成)、Load(所有资源加载完毕),它们之间的时间差能暴露 JS 阻塞或图片懒加载拖累。
导出完整网络日志用于深度分析
在 Network 面板中定位到主 HTML 请求 → 右键该请求 → 选择「Save as HAR with content」。
用文本编辑器打开刚保存的 .har 文件 → 搜索 "response" 字段 → 找到对应 entry 中的 content.text(Base64 解码后即为原始 HTML)和 headers 数组(即完整响应头键值对)。
若需快速验证响应头是否含敏感信息(如 Set-Cookie 中的 sessionid),可直接在 HAR 文件中 Ctrl+F 搜索 Set-Cookie 或 Authorization,避免反复切换面板。


















