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

Question

我正在创建一个纯粹基于浏览器的应用程序——HTML 和 JavaScript。

我没有安装 Android IDE（也没有安装 iOS IDE）——我宁愿不必安装一个并执行远程调试。

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

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

原文由 Mawg says reinstate Monica 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

对于 Android， 您可以按照 此处 所述通过 chrome 使用远程调试

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

要求：

• 对于浏览器选项卡：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 并且无法升级。您可以安装一个 插件 来完成同样的事情。

原文由 Naveed 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

您需要做的就是在页面顶部添加此代码段：

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

原文由 Altair7852 发布，翻译遵循 CC BY-SA 4.0 许可协议