如何在vivo浏览器中查看网页的源代码和请求头信息？

在vivo浏览器里琢磨网页源代码和HTTP请求头，这事儿其实挺有意思——你得知道，它们走的不是一条路。源代码可以通过桌面模式菜单、地址栏协议或者直接执行JS脚本来获取，而请求头信息，则必须绕道开发者选项，再通过长按调出调试面板才能看到。想在同一个界面里同时搞定这两个东西？抱歉，目前还真办不到。下面，咱们就挨个儿看看。

查看网页源代码

第一种方法，切到桌面版，然后调用“查看源代码”。

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

第二种方法更直接：在地址栏前面加个 view-source: 协议。

确保当前网页加载完毕，点一下地址栏让光标进去，全选现有的URL。在URL最前方手动输入 view-source:（注意是英文半角冒号，别加空格）。按回车确认，页面立刻就跳到源码视图了，能看到未经Ja vaScript渲染的原始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”标签页。

这里显示的Request Headers和Response Headers就是真实的HTTP通信头信息了，包括User-Agent、Cookie、Content-Type这些字段。

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

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