如何在Android(和iOS)上查看JavaScript控制台？

Question

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

我没有安装Android IDE(也没有安装iOS) - 并且不希望安装一个并执行远程调试.

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

我怎么能在Android平板电脑(或更高版本的iOS)上做到这一点？我更喜欢纯粹的基于浏览器的解决方案,但可以接受基于Android/iOS的应用程序.

Answer 1

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

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

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

Answer 2

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

如果您是网站开发人员，则现在可以查看JavaScript控制台消息。导航至chrome：// inspect以启用，然后在另一个标签中执行所需的操作。切换回相同的chrome：// inspect标签，以查看所有已打印的JavaScript控制台日志。

看到这里的“最新消息”一节或“历史版本” 73.x版本。

Answer 3

对于Android的,你可以描述通过铬使用远程调试这里

我会在这里总结/重写这些步骤(基于浏览器的调试),以防链接出现故障.

要求:

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

建立:

• 在您的设备上启用USB调试.
• 导航到chrome://inspect/#devices桌面Chrome浏览器.(或者,要进入同一屏幕,您可以选择Chrome menu > Tools > Inspect Devices)
• 连接后,您可能会在设备上看到一条警报,要求您从计算机上进行USB调试.点按确定
• Chrome现在应该显示已连接的设备
• 在Android设备上打开chrome并导航到要调试/检查的页面.该页面应显示在桌面浏览器上,您应该能够检查它.

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