如何在Android上调试javascript ?

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

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

当前回答

当运行Android模拟器时，打开你的谷歌Chrome浏览器，在“地址字段”中输入:

chrome://inspect/#devices

您将看到远程目标列表。找到你的目标，然后点击‘inspect’链接。

其他回答

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

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

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

当运行Android模拟器时，打开你的谷歌Chrome浏览器，在“地址字段”中输入:

chrome://inspect/#devices

您将看到远程目标列表。找到你的目标，然后点击‘inspect’链接。

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

我的解决方案是(对于普通浏览器):

股票的浏览器 " console .log"导入JS源代码启用调试USB Android SDK 来自Android SDK: monitor.bat 监控过滤器作为附加的图像

你可以尝试YConsole一个js嵌入式控制台。它重量轻，使用简单。

捕获日志和错误。对象编辑器。

使用方法:

<script type="text/javascript" src="js/YConsole-compiled.js"></script>
<script type="text/javascript" >YConsole.show();</script>

推荐文章