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

vvppvyoh  于 2022-11-14  发布在  Android
关注(0)|答案(3)|浏览(227)

我正在创建一个纯粹基于浏览器的应用程序- HTML和JavaScript。
我没有安装Android IDE(也没有安装iOS IDE),也不希望安装和执行远程调试。
在我的PC上进行开发,我使用Chrome浏览器和开发工具查看JavaScript控制台以便调试。
我如何在Android平板电脑(或者后来的iOS)上做到这一点?我更喜欢纯粹基于浏览器的解决方案,但可以接受基于Android/iOS的应用程序。

ercv8c1e

ercv8c1e1#

尝试https://github.com/liriliri/eruda
您只需在页面顶部添加以下代码片段:

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

nhhxz33t2#

Chrome 73刚刚面向iOS发布,现在支持查看console.log的选项。

如果您是网站开发人员,您现在可以查看JavaScript控制台消息。导航到chrome://inspect以启用,然后在另一个选项卡中执行所需的操作。切换回同一个chrome://inspect选项卡以查看任何打印的JavaScript控制台日志。
请参见“新增功能”部分或“版本历史”73.x版本中的here

o4tp2gmn

o4tp2gmn3#

对于Android,您可以通过chrome使用远程调试,如here所述
我将在这里总结/重写步骤(基于浏览器的调试),以防链接中断。
要求:

  • 对于浏览器选项卡:Android 4.0及以上版本和适用于Android的Chrome
  • 一根USB线,用于插入您的Android设备
  • 在开发计算机上安装Chrome 32或更高版本

设置:

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

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

相关问题