在vivo浏览器里，查看网页源代码和HTTP请求头，走的是两条不同的路径。源代码可以通过桌面模式菜单、地址栏协议或直接执行JS脚本获取。而请求头信息，必须绕道开发者选项，再通过长按调出调试面板才能看到。目前无法在同一个界面同时搞定这两个功能。下面详细介绍。

查看网页源代码

方法一：切换桌面版，调用“查看源代码”

打开vivo浏览器，访问目标网页，等待它完全加载。点击右上角三个点的菜单按钮，选择“桌面网站”，页面会刷新成PC端布局。再次点击右上角三个点的菜单，此时菜单里多了“查看源代码”选项。点击它，浏览器会在新标签页中用纯文本展示原始HTML源码。支持复制和搜索，非常方便。

方法二：在地址栏前加 view-source: 协议

确保当前网页加载完毕。点击地址栏让光标进入，全选现有URL。在URL最前方手动输入 view-source:（英文半角冒号，不加空格）。按回车确认，页面立即跳到源码视图。你可以看到未经JavaScript渲染的原始HTML响应体，干净利落。

方法三：执行JS脚本提取outerHTML（技术流）

复制以下代码：

ja vascript:(function(){var pre=document.createElement('pre');pre.textContent=document.documentElement.outerHTML;document.body.innerHTML='';document.body.appendChild(pre);})()

在已打开的目标网页里，点击地址栏，粘贴这段代码。点击“前往”或按回车执行。页面会清空原有内容，只保留格式化后的完整HTML文本。你可以滑动浏览全部源码。

查看HTTP请求头信息

注意：此功能只有在启用开发者选项后才可用。必须通过长按触发检查元素面板，无法通过菜单直接进入。下面分三步完成。

第一步：开启开发者选项

点击浏览器右下角的“我的”，进入后点击顶部的“设置”图标。往下翻找到“网页浏览设置”。在其中查找“开发者选项”或“调试模式”的开关，打开它。如果找不到，请确认你的浏览器版本不低于v26.2.0.0。

第二步：调出网络请求面板

返回目标网页，在页面任意空白处长按约2秒，直到弹出上下文菜单。选择“检查元素”，底部会滑出一个调试面板。默认显示DOM结构（Elements标签）。点击面板右上角的三个点菜单，选择“Network”（网络）。然后刷新当前页面。

列表里会出现本次加载的所有资源请求。点击任意一个请求项（如main.html或某个XHR接口），切换到“Headers”标签页。这里显示的就是真实的HTTP通信头信息，包括Request Headers和Response Headers。字段如User-Agent、Cookie、Content-Type等均可查看。

第三步：捕获动态请求头（可选）

如果你想看AJAX或fetch发起的异步请求头，需在Network面板开启状态下操作。先勾选“Preserve log”，再去执行页面交互动作（如点击按钮、滚动加载）。这样对应的请求会保留在列表里，方便你慢慢查看。

《夸克》非常好用的免费AI浏览器

下载APP查看