如何在Android上调试javascript ?

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

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

当前回答

Android工作室提供所有你需要看到console.log和其他。在logcat中，只要过滤到“/Web Console”，你就会看到你的js日志…

如果你遇到任何问题，你可以添加这个插件: https://github.com/apache/cordova-plugin-console

其他回答

试一试:

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

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

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

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

你可以试试npm library中的"javascript-compiler-deva"，先运行"npm install javascript-compiler-deva"命令，然后运行编译器。正在使用"node compiler.js"。

它在端口8888上创建一个服务器。然后，您可以点击“http://localhost:8888”并输入JavaScript代码，就可以在手机浏览器中看到包括“console.log”在内的任何JavaScript代码的结果。

它也托管在“https://javascript-compiler-deva.herokuapp.com/”中。

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在浏览器中什么都没有显示)

如果您正在寻找非远程选项:

在早期和非根的Jellybean版本中，如果android.permission. logcat viewer可以使用。READL_LOGS通过adb授权一次。

在firefox上，有一个控制台插件可以读取并显示所有应用程序日志，还有firebug lite。

Raphael在3.0之前的Android浏览器上不支持，这就是你的问题所在。它们不支持SVG图形。不过它确实支持canvas。如果你不需要动画，你可以用canvas渲染图形:

http://code.google.com/p/canvg/

这就是我们如何在默认Android浏览器中呈现SVG图标的方法。

推荐文章