如何为移动 Web 应用程序开发提供更好的调试控制台？答案

【问题标题】：How can I achieve a better debugging console for mobile web app development?如何为移动 Web 应用程序开发提供更好的调试控制台？
【发布时间】：2011-12-10 12:46:13
【问题描述】：

如何为移动 Web 应用开发提供更好的调试控制台？

我可以将此输出通过管道传输到更好的控制台吗？

【问题讨论】：

标签： iphone ios mobile-safari

【解决方案1】：

您可能想看看 WebKit Remote Inspector 和 Weinre。由于这两种方法的工作方式相似，我发现 WebKit Remote Inspector 更方便，而 Weinre 具有更广泛的平台支持。

This article 解释了如何激活 WebKit Remote Inspector。和this thread 似乎也相关。

【讨论】：

【解决方案2】：

我发现了这个：http://phonegap.github.com/weinre/

【讨论】：

【解决方案3】：

不确定你现在在做什么......如果你有 JSON 对象，你可以将它们字符串化以显示它们的内容。您可以使用“typeof”来显示您拥有的对象类型。也可以反映到第n级：

for (var member in object) {
    logger('Name: ' + member + ', Value: ' + object[member]);
}

或类似的东西。您可以尝试一些 JQuery 反射插件。

【讨论】：

另外，如果您需要调试混合 Web 应用程序（在 UIWebView 内）或在移动设备上，那么我要做的是创建一个
元素，然后 $ ('#debug').append('一些日志代码');到那里，我可以在网页本身上看到我想要的任何内容。
JSON.stringify 如果对象具有循环引用，则不起作用。我还希望能够从控制台触发 javascript。
通常我通过将用户代理更改为 iPhone 来使用 Safari 检查器进行调试，但我现在正在调试无法在 Safari 中触发的触摸事件。
我知道这是怎么回事 - 我使用 javascript 记录器到页面顶部的绝对定位 div。我最近做了一个基于触摸事件的拖放操作，这非常有用，因为 Safari 可以很好地处理拖动事件，而 iOS Safari 则不能。