H5页面在手机上USB调试时怎么打开控制台?

Des.淑宁 阅读 4

我用USB连接了安卓手机,开了开发者模式和USB调试,在Chrome里输入chrome://inspect也能看到设备,但点进去后控制台是空的,根本没法看console.log输出,这是为啥?

我试过在代码里加console.log('test'),页面能正常加载,就是控制台没反应,是不是还要开什么权限或者设置?

我来解答 赞 5 收藏
二维码
手机扫码查看
1 条解答
打工人夏沫
这个问题我碰到过好几次,大概率是时序问题。

先检查一下你的操作顺序。console.log 执行的时候,你的 inspect 控制台可能根本还没打开,输出早就跑完了,当然看不到。

正确的姿势是:先打开 chrome://inspect,点 inspect 打开控制台,确保控制台已经准备好了,然后再刷新你的H5页面。这样所有 console.log 才能被捕获到。

另外有几个常见的坑排查一下:

第一,控制台顶部的过滤器。看一下是不是选了某个特定的级别或者被过滤掉了,默认应该是显示所有级别的。还有那个 Filter 输入框,确认里面是空的。

第二,勾选 Preserve log。在控制台顶部有个 Preserve log 选项,勾上它,这样页面刷新或者跳转的时候 log 不会丢失。

第三,Chrome 版本问题。你电脑上的 Chrome 版本和手机上 WebView 的 Chrome 内核版本差距太大的话,有时候会出各种奇怪的毛病。试着把两边都更新到最新版本。

如果上面这些都确认过了还是不行,可以试试在页面加载完后手动调用 console.log。在 inspect 的控制台里直接输入 console.log('test') 看看有没有输出,如果这个都没有,那可能是 inspect 连接本身有问题,拔掉 USB 重连一下,或者换个 USB 线试试,有些线只充电不传数据,也会出现这种能连上但功能不完整的情况。
点赞
2026-03-03 01:04