在百度浏览器中按f12打开开发者工具,切换至network面板并刷新页面,可查看各http请求状态码、协议版本及各阶段耗时;通过排序、筛选和导出har文件进一步分析性能瓶颈。

你想在百度浏览器里一眼看清每个网页资源的加载是否成功、耗时多少、走的是HTTP/1.1还是HTTP/2,而不是靠刷新页面猜它卡在哪一步——这需要调出底层网络面板,逐条分析请求生命周期。
用开发者工具查看HTTP请求详情
第一步:打开目标网页,比如 https://www.baidu.com。
第二步:按 F12 或右键页面空白处→“检查”,唤出开发者工具。
第三步:切换到 Network 标签页,确保左上角录制按钮(●)是红色状态;若为灰色,点击一下启动捕获。
第四步:按 Ctrl + R 刷新页面,等右下角显示“Finished”且所有条目加载完毕——此时列表里每一行就是一个HTTP请求,包括HTML主文档、JS、CSS、图片、字体等。
第五步:点击任意一行(如第一行 index.html),右侧自动展开详细信息;重点看 Headers 里的 Status Code(如200、304、502)、Response Headers 中的 Content-Type 和 Server,以及 Timing 标签页里各阶段耗时(Queueing、Stalled、DNS Lookup、Connect、SSL、Request sent、Waiting、Content Download)。
快速定位高延迟或失败请求
方法一:按 Waterfall 列点击排序,把耗时最长的请求顶到最上面,一眼锁定拖慢整页的“罪魁”。
方法二:点击 Filter 输入框,输入 status-code:502 或 status-code:404,直接筛选出报错请求。
方法三:勾选 Hide data URLs 和 Large rows,避免base64图片和巨型JSON干扰视线;再点顶部 X 清空历史,重新刷新抓一次干净数据。
注意:如果某请求一直卡在“Stalled”或“Pending”,大概率是浏览器并发连接数已达上限(Chrome系默认6个),或被扩展拦截了——此时要关掉广告过滤类插件再试。
导出请求数据用于进一步分析
第一步:在 Network 面板中右键任意请求行 → 选择“Save all as HAR with content”。
第二步:保存为 .har 文件(例如 baidu_home.har),这个文件包含完整时间戳、请求头、响应体、重定向链等原始数据。
第三步:将该文件拖入在线 HAR 分析器(如 https://toolbox.googleapps.com/apps/har_analyzer/)或本地用 VS Code 打开,可直观看到瀑布图、各阶段占比、TTFB(Time to First Byte)统计值。
这一步操作起来很简单,直接把文件拖进去就行。但要注意:【HAR 文件含 Cookie 和请求体明文,切勿上传敏感站点数据】。











