为什么 Chrome DevTools 远程调试安卓页面不显示 console.log？

IT人文瑞提问于 2026-03-03 21:42:22 阅读 14

移动

我用 USB 连接了安卓手机，也在 Chrome 地址栏输入了 chrome://inspect，能看到我的页面，点击 inspect 也能打开 DevTools。但我在 JS 里写了 console.log('hello')，控制台却完全没输出，这是啥情况？

试过刷新页面、重新连接设备，也确认手机上浏览器确实执行了那段代码（因为页面有其他效果），但 DevTools 控制台就是空的，连报错都没有。

移动调试

我来解答赞 4 收藏

反馈

1 条解答

英瑞 Lv1

这种情况大概率是 DevTools 的过滤设置搞的鬼，很多人第一次用远程调试都会踩这个坑。

首先检查一下 DevTools 控制台左上角的漏斗图标（Filter）。点开看看，是不是把 Info 或者 Log 级别的输出给关掉了？如果只勾选了 Errors 或 Warnings，那你写的 console.log 肯定不会显示。试着把 Default levels 或者 All levels 选上，通常问题就解决了。

如果过滤器没问题，看控制台左上角还有一个下拉菜单，那里显示的是当前的执行上下文（Context）。如果你的页面结构比较复杂，比如有 iframe 或者使用了 Service Worker，DevTools 有时候会默认选中错误的上下文，导致主线程的日志不显示。确保你选中的是 Top 或者你那个页面的主文档上下文。

如果上面这两项都没问题，那就得怀疑是不是你的代码把 console.log 给覆盖了。有些第三方库或者为了兼容性，会把 console 原生方法重写。你在 JS 里面加一行代码测试一下：

console.log.toString();

// 如果输出不是 "function log() { [native code] }"，那就说明被重写了

如果发现确实被重写了，你可以用下面这段代码强行把原生的 log 偷回来用：

(function(){

    var iframe = document.createElement('iframe');

    iframe.style.display = 'none';

    document.body.appendChild(iframe);

    window.console.log = iframe.contentWindow.console.log;

})();

还有一种比较玄学的情况是网络延迟导致 DevTools 和手机的 WebSocket 连接断了。虽然你能看到页面，但日志通道可能挂了。这种时候，不要在电脑端点刷新，而是去手机上刷新页面，强迫 DevTools 重新建立连接，日志通常就能追回来了。

先去查那个漏斗图标，十有八九是它的问题。

2026-03-03 22:04