可调试网页的手机浏览器(iOS+安卓)

实现原理

类似 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 库的注入配置。

交流反馈群

你认为加入这些开发者专属的功能有必要吗?欢迎评论区留言或进群讨论~

跨时空APP交流群

分享到:

评论完整模式加载中...如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理