可调试网页的手机浏览器（iOS+安卓）_无需电脑在手机在调试任意H5页面的方法，移动端网页开发专用浏览器，任意网页注入vConsole，用上跨时空你的手机浏览器也能比上PC端, 手机浏览器有自带调试功能的浏览器吗,有调试工具的手机浏览器，能f12的手机移动端浏览器，能f12的安卓浏览器，能f12的iOS浏览器，移动端支持跨域调试的浏览器，有调试工具的手机浏览器《Hi, Kainy》学习笔记,建站❤编程,》调试,方法,H5,

实现原理

类似 PC 版 Chrome 的 F12 开发者工具，跨时空可以在网页加载时，注入 vConsole ，从而实现类似 Chrome dev Tools 一样的调试工具。

在调试工具中，你能看到 Network 网络请求，能看到 Cookie，能执行自己写 JS 代码，能看到本地存储，能查看页面的图片，能抓取页面 DOM 元素等等。定位生产问题时特别实用。

高能提示：其实这一招，可以在手机上用来调试别人的网页的啊！

使用方法

1、开启开关后，打开任意网页

跨时空开启网页开发者模式

2、页面在右下角看到 vconsole 图标

强如 Github 也可以注入 vConsole

3、点开，可以查看 Cookie 、网络请求抓包和页面元素

vConsole 面板

因为 github 使用了一些更严格的安全措施（CSP），很多通过脚本注入 js 的方法是不起作用的：

Refused to execute JavaScript URL because it violates the following Content Security Policy directive: "script-src assets-cdn.github.com". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution.

但是跨时空使由于在 webview 层注入 vConsole ，不受此限制。

如果需求呼声足够强烈，后续会考虑加入 Eruda 甚至自定义 js 库的注入配置。