如何在Android上debuggingJavaScript时打断点(并查看错误行号)?

我试图按照这些说明来debuggingandroidJavaScript

我知道如何在Android上debuggingJavaScript? ,但我不清楚我是如何(或者如果)能够在Android设备上使用Chrome,或者在Android浏览器上使用Chrome。

我可以看到并“检查”设备OK:

在这里输入图像说明

但是断点不会被打到,也不能在控制台上看到错误的行号:

在这里输入图像说明

在这两个问题之间,我没有从debugging体验中得到很多有用的信息! 我已经尝试去在android浏览器“about:debug”,并看到debugging选项出现。

我将补充说,我debugging的JS在同一个Android设备上的最新版本的Chrome中工作正常。

Solutions Collecting From Web of "如何在Android上debuggingJavaScript时打断点(并查看错误行号)?"

首先,看起来好像有一堆语法错误,可能会阻止mustache.js执行 – 请参阅是否可以先关注这些错误。

我试着在第9行的下一行设置一个断点,看看这个IIFE中是否有任何东西在运行。

假设您正在开发中使用模块打包器(如Webpack)(基于您的屏幕截图中的端口8080),很可能您尝试debugging的代码是通过eval执行的。 在这种情况下,你可以在devtools中看到它,它已经运行了。

您可以在代码中使用debugger语句,也可以在生产模式下运行 – 执行真正的脚本文件。 在这两种情况下,您都应该首先连接远程debugging器,然后才能导航到您的页面(或刷新它)。

我现在再次尝试同样的事情,这次没有遇到问题。 不幸的是我不能把我的手指放在什么问题上,因为我的开发机器正在死亡,我正在运行一个新的Windows 10安装,并可能是一个不同版本的Android SDK和ADB。 手机和Android浏览器没有改变。

无论如何,我现在可以按照我的预期设置和打断点:

在这里输入图像说明

我也得到更好的错误描述和行号:

在这里输入图像说明

FWIW,唯一需要修复的问题是将一些“let”声明改为“var”。