在米侠浏览器中获取高亮html源码需两步:先按ctrl+u(或cmd+opt+u)查看原始view-source页面,再在console执行脚本注入prettify实现语法高亮;若需渲染后dom,可用document.documentelement.outerhtml复制或内联样式高亮。

你想在米侠浏览器中直接拿到可读性强、带语法高亮的网页源代码,而不是一团挤在一起的原始HTML标签——这需要两步:先获取未渲染的原始源码,再用开发者工具注入高亮逻辑将其可视化呈现。
获取原始HTML源代码
按 Ctrl + U(Windows/Linux)或 Command + Option + U(macOS),浏览器立即在新标签页中打开纯文本格式的原始HTML源码。
该页面内容是服务器返回的、未经JavaScript修改的初始HTML,刷新后同步更新。注意:Elements面板显示的是实时DOM树,含JS动态插入内容,不是你要的源码。
将原始源码转为高亮可读格式
这一步不依赖插件,仅靠控制台脚本即可实现:
第一步:在刚打开的源码页面(view-source:开头的地址)按 F12 打开开发者工具→切换到 Console 面板。
第二步:粘贴并执行以下代码:
const pre = document.querySelector('pre'); if(pre) { const html = pre.textContent; pre.innerHTML = ''; const hlDiv = document.createElement('div'); hlDiv.innerHTML = '<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/prettify.css">
<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script><pre class="prettyprint lang-html">' + html.replace(/, '/g, '>') + '</pre>'; document.body.appendChild(hlDiv); }
第三步:回车执行后,页面将自动替换为带行号、关键字着色、缩进对齐的高亮HTML代码块。此时可自由拖选、右键复制,或用 Ctrl+A → Ctrl+C 全选复制。
【必须确保网络通畅】脚本需从 CDN 加载 prettify 库,离线状态下会失败;若页面被屏蔽外链,可提前下载 prettify.css 和 run_prettify.js 本地托管后修改链接路径。
替代方案:用开发者工具直接解析并高亮当前页DOM
方法一:适用于想查看“最终渲染结果”的结构化HTML(含JS生成部分)
在任意网页按 F12 → Console 中执行:document.documentElement.outerHTML → 回车 → 控制台输出完整HTML字符串 → 点击右侧「复制」图标即可复制原始文本。
方法二:快速高亮当前页DOM结构(无需外部CDN)
执行以下单行命令:document.body.innerHTML = '<style>body{font-family:monospace;line-height:1.4;padding:16px;background:#fff}code{color:#d44;font-weight:bold}tag{color:#07a}.attr{color:#a08}.val{color:#080}</style>
<code>' + document.documentElement.outerHTML.replace(/,'/g,'>').replace(/(\$2').replace(/(\s+)(\w+)=/g,'$1<attr>$2</attr>=').replace(/="([^"]*)"/g,'="<val>$1</val>"') + '';
执行后页面立即变为带基础语义着色的高亮HTML视图,适合快速审查结构,但不支持多语言识别和复杂缩进计算。











