经常有朋友问：在悟空浏览器里，怎么才能看到网页最原始的HTML代码？

不是JavaScript渲染后的那个花里胡哨的DOM树，而是服务器直接吐出来的、还没被脚本动过的“素颜”源码。

这事儿其实不复杂，但确实有三条路可以走，看你习惯哪种操作风格。

你需要在悟空浏览器里立刻看到当前网页未经JavaScript修改的原始HTML结构。比如排查页面加载异常、提取关键标签或验证SEO代码是否生效，而不是渲染后的DOM树。

方法一：用地址栏前缀直接调出源码

这一招最直接，也最硬核。在地址栏最前面加一串字符，就能触发浏览器原生解析机制，绕开所有花活。

操作很简单：

• 点击顶部地址栏，让光标聚焦在网址开头位置。
• 输入【view-source:】（注意冒号必须是英文半角，且与后续网址之间不能有空格）。
• 保持完整格式为view-source:https://example.com，把example.com换成你当前打开的实际网址。
• 按回车键或点“前往”，页面立即切换为纯文本视图——此时显示的是服务器返回的原始HTML，不是JS执行后生成的内容。

方法二：通过右上角菜单打开源码页

有些版本的悟空浏览器在UI层保留了快捷入口，适合不想动地址栏、更习惯用鼠标点的用户。

• 点击屏幕右上角三个点组成的菜单图标。
• 在弹出列表中查找“查看源代码”或“查看网页源代码”选项（文字可能略有差异，但一定含“源代码”三字）。
• 点击后会新开一个独立页面，以等宽字体呈现全部HTML内容，支持Ctrl+F搜索关键词，查起来很方便。

方法三：启用开发者模式后长按元素检查

这个方法不止看源码，还能实时高亮对应节点并查看CSS样式，适合前端调试场景。毕竟光看原始HTML不一定能找到所有问题，动态渲染层也得兼顾。

操作分三步：

• 第一步：进入设置 → 高级设置 → 关于浏览器，连续快速点击版本号7次，直到提示“您已进入开发者模式”。
• 第二步：返回上一级，进入新出现的“开发者选项”，开启【启用远程调试】和【显示网页源码入口】两项开关。
• 第三步：重新加载目标网页，在任意空白处长按约3秒，弹出菜单后选择“检查元素”。底部滑出的开发者工具面板中，Elements标签页显示的是动态DOM；若需原始HTML，可右键空白处选“View Page Source”。

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

下载APP查看