玩转本地 HTML 调试，先得跨过“打开开发者工具”这道门槛。直接把文件拖进浏览器虽然方便，但改完想保存就得重新来一遍，效率太低。

正确的做法是：打开宙斯浏览器，在地址栏完整输入本地文件路径。例如：

• Android：file:///storage/emulated/0/html/test.html
• macOS：file:///Users/username/Desktop/index.html

注意：file:/// 开头的三级斜杠一个都不能少，否则页面直接罢工。回车加载完成后，立刻按 Ctrl + Shift + I（Windows/Linux）或 Cmd + Option + I（macOS）唤出 DevTools，默认停在 Elements 面板。

需要提醒：如果快捷键没反应，多半是浏览器没拿到存储权限——去系统设置里给宙斯浏览器开一下权限就能解决。另外，iOS 设备因为系统限制不支持 file:// 协议，所以这套流程只适用于 Android 和桌面版。

在 Elements 面板中实时编辑 HTML 结构

双击编辑文本

这是最快上手的调试方式，所见即所得，适合临时验证 DOM 结构、文本内容或属性变更。找到目标标签，比如

欢迎页

，双击“欢迎页”三个字直接改，按 Enter 确认即可。

批量替换标签

如果想批量替换整个标签块，右键节点 → 选择“编辑为 HTML”。例如把

改成

新内容

。

恢复原始状态

如果改错了也不用慌，右键节点 → 选择“Revert node”，就能一键恢复原始状态。但要注意：刷新页面后所有改动全部丢失——这一招只适合临时验证，想保存下来，得用下面的办法。

启用 Local Overrides 实现修改持久化

当你需要反复调试同一份 HTML，每次刷新都希望保留上次改过的代码时，就必须启用 Local Overrides 机制，否则每次改完都得重新敲一遍，太折磨了。

具体操作分三步：

• 第一步：在开发者工具里切到 Sources 面板 → 点右侧 Overrides 选项卡 → 点击 Select folder for overrides → 选一个空文件夹（比如 /sdcard/zeus_debug）。系统会弹出存储权限申请，务必同意。
• 第二步：刷新当前页面，左侧文件树里会出现以域名命名的节点（本地文件显示为 file://）。展开后找到你的 HTML 文件（如 test.html），右键 → 选择 Sa ve for overrides。
• 第三步：回到 Elements 面板，随便改个节点 → 按 Ctrl + S 保存 → 弹窗提示“Changes sa ved to overrides”。这时候你的修改已经写入了刚才指定的本地文件夹里。之后每次刷新，浏览器都会优先加载这个被覆盖的本地副本，而不是原始 HTML 文件。你还可以用任意文本编辑器打开这个副本接着改，保存后切回宙斯浏览器按 F5 就能看到新效果。

在 Console 中执行 JS 脚本动态测试逻辑

想验证一段 JavaScript 能否正确获取元素、绑定事件或修改样式？Console 是最快的执行环境。切到 Console 标签页，输入 document.querySelector("button").click() 回车，就能模拟用户点击第一个按钮。

要测试异步加载效果，输入 setTimeout(() => { document.body.innerHTML += "

延迟插入

"; }, 2000)，两秒后页面底部就会多出一行文字。

不过得注意：Console 里执行的所有结果都存在当前标签页的内存里，关闭或刷新就清空了。要长期生效，得把代码写到 HTML 的