宙斯浏览器开发者工具如何打开_宙斯浏览器F12审查元素手机端操作

很多朋友问过我，在宙斯浏览器上想直接按F12搞调试，结果发现手机端根本没有这个键。其实这个问题解决起来不算复杂，关键在于手机端必须借助电脑协同调试，不能指望在手机上直接点出开发者工具。无论是审查元素结构、调整样式，还是抓接口数据，想要真正用上完整的开发者工具，都得走电脑加手机这套组合方案。

用电脑连接安卓手机调试宙斯页面

先说第一个场景：用电脑加安卓手机。其实流程不复杂，分四步走。

第一步，在手机设置里找到「关于手机」，连续点七次「版本号」，开发者选项就出来了。第二步，返回设置，打开开发者选项，把USB调试开关打开。注意，连接电脑时手机上会弹出授权弹窗，一定记得点「允许」，否则电脑认不到设备。第三步，电脑端打开宙斯浏览器，在地址栏输入 zeus://inspect 并回车。如果页面是空白的，先检查一下宙斯版本，确保是v3.8以上，旧版本不支持这个协议。第四步，确保手机宙斯已经打开了目标网页，电脑上的 zeus://inspect 页面会自动列出设备和页面标题，点击右侧的 inspect 链接，完整的开发者工具窗口就出来了。

用Mac连接iPhone调试宙斯网页

再说用Mac连接iPhone的方案。第一种方法是通过Safari的Web检查器做中转。在iPhone上，进入设置→Safari→高级，打开Web检查器；Mac端在Safari偏好设置→高级里，勾选「在菜单栏中显示‘开发’菜单」。用数据线连接设备后，Mac Safari顶部菜单栏会出现「开发」选项，选择你的iPhone，再点击对应的网页名称。不过需要注意的是：宙斯浏览器本身不支持直接通过Mac Safari调试，这种方法只能调试Safari内核的网页，宙斯的页面并不会出现在列表中。

所以更推荐第二种方法：改用Chrome内核调试方案。因为宙斯基于Chromium，可以临时把目标网页在Chrome中打开，执行 chrome://inspect，启用「Discover USB devices」，然后手机Chrome访问同一网页，点击 inspect 就可以调试了。调试完成后再切回宙斯验证兼容性，这样既解决了调试问题，又不会影响最终效果。

手机宙斯内直接触发基础审查（无电脑场景）

如果身边确实没有电脑，宙斯手机App也自带一个简易的审查功能。长按页面任意空白处超过一秒，会弹出一个悬浮菜单，点击「检查元素」就能高亮当前区域并跳转到简化的Elements视图。不过需要提醒的是，这个视图只显示父级标签和基础样式，不支持Console执行或Network抓包，功能比较有限。

如果长按没反应，那就说明当前页面启用了 preventDefault on contextmenu，这种情况下就没办法了，只能老老实实回到电脑端连接调试。