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

Debugging javascript on Android tablets/phones?

本文关键字：调试 javascript 手机 Android 平板电脑      更新时间：2023-09-26

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

我曾经开发过一个Android应用程序，java开发人员将其设置为警告JavaScript错误-捕获了一个我们在iOS版本中没有捕获的额外错误。如果你能访问java层，我会去看看。我问他具体是做什么的，他说"有一个来自WebView类的回调，让我知道JS代码何时抛出错误。我实现了那个回调来显示一个android对话框。"

有两个解决方案，在此之上的其他想法，我用于调试(ios/android)。这对于无法访问内置控制台的游戏中的嵌入式网页视图尤其有用:

1)我们仍然是一个测试版，但功能，远程调试器。它会在你的桌面上给你一个虚假的检查器，你可以查询/查看远程设备上的错误。有一整个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']);

希望在未来，手机开发者会有更好的调试工具。

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

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

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

此外，虽然Firefox 4可以在Android上使用，但Firebug目前不支持移动版本的浏览器。

在url字段中键入about:debug并进行验证，则可以使用javascript控制台(删除它的方法相同)

更多关于此页面的内容:https://android.stackexchange.com/questions/5999/android-browsers-aboutdebug-what-do-those-settings-do

你能做的最好的是使用console.log()(像firebug)，然后在你的手机上安装一个日志查看器，基于browser的过滤器，你可以看到所有的console消息。(源)

尝试一下Weinre: Web Inspector Remote/Watch demo

"Weinre是一个网页调试器，就像FireBug(用于FireFox)和web Inspector(用于基于webkit的浏览器)一样，除了它被设计为远程工作，特别是允许你在手机等移动设备上调试网页。"

您可以看看其他一些远程调试工具:jsconsole或土狼

Opera mobile具有远程调试功能:http://dev.opera.com/articles/view/remote-debugging-with-opera-dragonfly/

Android默认似乎没有调试器，尽管你可以在pc上调试chrome/chromium，它使用相同的webkit渲染。(游戏邦注:甚至还有一个模仿Android的选项，但它没有Android平板电脑的所有怪僻，图像/内存限制等)

Firebug Lite也是可能的:http://getfirebug.com/firebuglite

您不需要安装任何软件或尝试在您的小移动屏幕上调试。首先在"开发人员设置"中启用设备中的USB调试，然后使用桌面chrome连接和调试移动浏览器。

我发现最简单的方法是在手机/平板电脑上启用USB调试，并在桌面上导航chrome到

chrome://inspect/#devices

启用发现usb设备，然后在应用程序列表中单击"检查"

瞧!远程调试!现在，您可以从舒适的桌面调试您的手机

相关文章：