怎样在百度浏览器中查看网页源代码及响应头详细信息？

要快速定位按钮或图片的HTML代码并查看响应头，需分三步：先用Ctrl+U或view-source:查看原始HTML；再用F12+“检查”定位动态DOM元素；最后在Network面板中捕获请求并查看Headers中的完整响应头信息。

如果既要迅速找到百度浏览器中某个按钮或图片对应的HTML代码，又要查看服务器返回的完整响应头，仅使用右键“查看源代码”这种只读方式并不足够。

查看网页的原始HTML源代码

按 Ctrl + U（Windows/Linux）或者 Command + Option + U（macOS），随后出现的新标签页会以纯文本呈现原始HTML，其中全部内容均由服务端生成，【它与AJAX填充、CSS渲染以及任何JS执行结果均无关】。

在网页内容区任意空白位置单击右键，再选择“查看网页源代码”。请注意，右键必须落在页面内容区；如果在地址栏或标签页上操作，菜单不会提供该选项。

在地址栏内，把当前网址开头的 https:// 改成 view-source: → 然后按回车。例如输入 view-source:https://www.baidu.com。其效果与 Ctrl+U 相同，不过更适用于批量处理或编写脚本调用的场景。

实时检查动态DOM结构并高亮元素

百度浏览器的开发者工具可用 F12 调出，它会显示在页面底部，并以“Elements”标签页作为默认界面。把鼠标移到左侧某个HTML节点时，与之对应的页面区域将同步高亮。

如果按 F12 没有响应，通常是焦点未落在网页主体；先点击页面空白位置，再重新按键。部分笔记本还需要配合 Fn 键，可尝试 Fn + F12。

在页面任一可见元素上单击右键，例如文字、图片或输入框，然后选择“检查”。浏览器会自动切换至 Elements 面板，准确定位该元素对应的HTML行，并同步高亮它在页面中的位置。【只有右键单击可见页面内容，菜单才会显示“检查”】。

捕获并检查网络请求头和响应头

第一步：选择开发者工具顶部的 “Network” 标签页，工具可通过 F12 调出。

第二步：检查左上角圆形录制按钮是否呈红色（已激活）；若显示灰色，就单击将其开启。随后点击旁边带斜线圆圈的清除按钮，移除已有记录。

第三步：让页面重新加载，可直接点击刷新按钮，也可在地址栏再次填写目标网址（如 www.baidu.com）并按回车。所有网络请求都会被 Network 面板实时捕获。

第四步：在请求列表中点击目标条目（如 name 列为 “baidu.com” 或 “index.html” 的第一行）→ 右侧切换至 “Headers” 子标签页。此处完整展示 Request Headers（请求头）与 Response Headers（响应头），包括 Cookie、User-Agent、Content-Type、Set-Cookie、Cache-Control 等关键字段。

第五步：某次请求的完整响应内容（如 JSON 接口返回数据）可在 “Response” 或 “Preview” 标签页检查。其中，只有可渲染内容适合使用 Preview；如果响应是原始二进制或经过压缩，应改用 Response 标签页读取纯文本。