如何在 Android（和 iOS）上查看 JavaScript 控制台？

Posted 2023-02-15

【中文标题】如何在 Android（和 iOS）上查看 JavaScript 控制台？

【英文标题】：How to view JavaScript console on Android (and iOS)?

【发布时间】：2014-11-03 09:51:59

【问题描述】：

我正在创建一个纯粹基于浏览器的应用程序 - html 和 javascript。

我没有安装 android IDE（ios 也没有安装）- 我希望不必安装并执行远程调试。

在我的 PC 上开发，我使用 Chrome 浏览器和开发工具查看 JavaScript 控制台以进行调试。

如何在 Android 平板电脑（或更高版本的 iOS）上执行此操作？我更喜欢纯粹基于浏览器的解决方案，但可以接受基于 Android/iOS 的应用程序。

【问题讨论】：

这是“Android”，而不是“Adroid；”和“iOS”，而不是“Ios”。

weinre 不是最容易设置和使用的东西，但总比没有好

对于 iOS，您需要要调试的设备，插入运行最新 OSX（或最新 -1）的 Mac，打开 Safari，启用开发人员模式，然后在开发人员选项中，选择要连接的设备已调试

对于android，您可以通过chrome设置远程调试。 Here 是如何设置的。在它完美运行之前我已经使用它了。

IMO Android 的最佳答案：***.com/questions/2314886/…

【参考方案1】：

刚刚为 iOS 发布，Chrome 73 现在支持查看console.log 的选项。

如果您是网站开发人员，您现在可以查看 JavaScript 控制台 消息。导航到 chrome://inspect 以启用，然后执行所需的 另一个选项卡中的操作。切换回相同的 chrome://inspect 选项卡 查看任何打印的 JavaScript 控制台日志。

请参阅“新增功能”部分或“版本历史记录”73.x 版本中的here。

【参考方案2】：

对于 Android，您可以通过 chrome 进行远程调试，如 here 所述

我将在此处总结/重写步骤（用于基于浏览器的调试），以防链接断开。

要求：

对于浏览器标签：Android 4.0+ 和 Chrome for Android 用于插入 Android 设备的 USB 数据线 Chrome 32 或更高版本安装在您的开发机器上

设置：

在您的设备上启用 USB 调试。 在桌面 Chrome 浏览器上导航至 chrome://inspect/#devices。 （或者，要进入同一屏幕，您可以选择Chrome menu > Tools > Inspect Devices） 连接后，您可能会在设备上看到一条警报，请求从您的计算机进行 USB 调试权限。点按

确定

Chrome 现在应该会显示连接的设备 在您的 Android 设备上打开 chrome 并导航到您要调试/检查的页面。该页面应该会显示在您的桌面浏览器上，并且您应该能够对其进行检查。

如果由于某种原因您拥有旧版本的 chrome 并且无法升级。您可以安装一个plugin 来完成同样的事情。

【参考方案3】：

试试https://github.com/liriliri/eruda

你需要做的就是在页面顶部添加这个sn-p：

      <script src="//cdn.jsdelivr.net/npm/eruda"></script>
      <script>eruda.init();</script>

【讨论】：

这确实有效

【参考方案4】：

您可以使用OutFront JS，它是一个 npm 库，可将控制台消息、警告和错误记录到移动浏览器的屏幕上。