用途:在没有桌面 DevTools 的情况下,在手机或平板上查看网页 JavaScript 控制台、排查报错并做响应式测试。
主要能力:优先推荐原生远程调试——Android 用 Chrome DevTools(chrome://inspect#devices),iOS 用 Safari Web Inspector;无桌面时可用页内控制台工具 Eruda 与 vConsole,二者均提供控制台、DOM、网络、存储等面板,Eruda 支持 DOM 编辑与插件,vConsole 更轻量、是微信调试官方工具。还涉及 Playwright/Puppeteer 程序化捕获控制台日志、Sentry/LogRocket 错误监控、Scrcpy 投屏,以及 LambdaTest、BrowserStack 等云真机平台。
使用方式:安装示例为 npm install --save-dev --save-exact eruda@3.4.3 vconsole@3.15.1,随后 npm ci,并把校验过的文件复制到同源 debug 目录;也可用书签脚本注入。Eruda 初始化 eruda.init(),vConsole 用 new VConsole()。Android 无线调试使用 adb pair 与 adb connect。
限制:注入式控制台能读取页面 DOM、存储、网络与表单值,切勿在认证或敏感页面从公共 CDN 加载;第三方内容应视为不可信数据,需限制大小、重定向与请求,写入、上传、凭据使用等操作须用户明确确认。部分平台价格与免费额度以资料所述为准,其余细节暂未提供。