在Android平板电脑/手机上调试javascript？

Question

如何在iOS上的Safari中启用调试视图？我只需要查看我正在测试页面的Xoom是否会生成javascript错误.我试图找到如何在Android浏览器中启用开发工具,就像我为iOS做的那样,但似乎找不到它.

Answer 1

我曾经在一个Android应用程序上工作,java开发人员将其设置为警告JavaScript错误 - 因为这个问题,我发现了一个我们没有在iOS版本中捕获到的额外错误.所以,如果你有权访问java层,我会检查出来.我问他具体做了什么,他说:"有一个来自WebView类的回调让我知道JS代码何时抛出错误.我实现了该回调以显示一个android对话框."

除此之外还有两个解决方案,我用于调试(ios/android).这些对于您无法访问内置控制台的游戏中的嵌入式Web视图特别有用:

1)Weinre 是一个仍然是beta但功能强大的远程调试器.它会在桌面上为您提供一个虚拟检查器,您可以查询/查看远程设备上的错误.有一个完整的dom检查员和任何东西.开发它的人也非常敏感.

2)我写了一个javascript日志功能,命中我的服务器错误日志.只需拖尾您的日志文件就可以了.我的javascript函数看起来像这样:

function hlog(){
    var s = Array.prototype.slice.apply(arguments).join('¶');
    document.createElement('img').src = 'http://yourdevbox/debugger/?m=' + encodeURIComponent(s);
}

这样我可以采取任何数量的论点.收到此请求的我的php页面如下所示:

# ensure this can't be used in production 
if (strpos($GLOBALS['HTTP_HOST'], 'devboxhostname') < 0) die(':(');
error_log($_GET['m']);

希望在未来,移动开发人员将拥有更好的调试工具.

Answer 2

Android(目前)没有像Chrome/Chromium那样的WebInspector.

您仍然可以查看window.console在logcat中触发的任何console.log()消息.

资料来源:http://developer.android.com/guide/webapps/debugging.html

此外,虽然Firefox 4适用于Android,但浏览器的移动版本目前不支持Firebug.

Answer 3

键入:调试到url字段并验证,然后将有一个javascript控制台可用(删除它的方法相同)

在这个页面上更多一点:https://android.stackexchange.com/questions/5999/android-browsers-aboutdebug-what-do-those-settings-do