如何在Android上调试javascript ?

我在做一个和拉斐尔有关的项目。事实证明，它在Android上不起作用。iPhone上是这样的。

我该怎么调试Android浏览器上的东西呢?它是WebKit，所以如果我知道版本，在完整版本的WebKit上调试它会产生相同的结果吗?

当前回答

我用Weinre，阿帕奇科多瓦的一部分。

使用Weinre，我可以在桌面浏览器中获得谷歌Chrome的调试控制台，并可以将Android连接到该调试控制台，并调试HTML和CSS。我可以在控制台中执行Javascript命令，这些命令会影响Android浏览器中的Web页面。来自Android的日志消息出现在桌面调试控制台中。

然而，我认为这是不可能查看或逐步通过实际的Javascript代码。所以我把Weinre和日志信息结合起来。

(我对JConsole了解不多，但在我看来，用JConsole检查HTML和CSS是不可能的，只有Javascript命令和日志记录(?))

其他回答

放入地址行chrome://about。您将看到指向所有可能的开发页面的链接。

本地调试/about:config…选项似乎在2020+ chrome/ff/..浏览器了。

另一个带有非远程js控制台的浏览器是 DevBrowser

或 WebInspector (文件选择器不工作)

Chrome有一个很棒的功能，可以简单地将实际的Android Chrome内容(包括检查等)显示到PC屏幕上…

在设备上打开USB调试，也许你还需要通过adb设备连接一次，以触发移动设备上的“允许与…通信”对话框，将Android设备连接到PC上，在两者上启动Chrome，然后然后浏览chrome://inspect/# PC上的设备。这里列出了来自手机Chrome的标签，可以检查。

网上也有详细的手册:https://www.till.net/technologie/html-javascript/remote-web-debugging-unter-android-und-chrome

(发现adb logcat在浏览器中什么都没有显示)

试一试:

打开要调试的页面而在该页面上，在普通Android浏览器的地址栏中输入: :调试 (注意什么都没有发生，但是启用了一些新的选项。)

在我试过的设备上都有效。阅读更多关于Android浏览器:调试，这些设置做什么?

编辑: 在脚本中添加以下代码也有助于检索更多信息，如行号:

window.onerror = function (message, url, lineNo){
    console.log('Error: ' + message + '\n' + 'Line Number: ' + lineNo);
    return true;
}

我用Weinre，阿帕奇科多瓦的一部分。

然而，我认为这是不可能查看或逐步通过实际的Javascript代码。所以我把Weinre和日志信息结合起来。

(我对JConsole了解不多，但在我看来，用JConsole检查HTML和CSS是不可能的，只有Javascript命令和日志记录(?))

推荐文章