如何调试适用于我的桌面但不适用于我的手机的 Javascript？答案

【问题标题】：How can I debug Javascript that works on my desktop but not my mobile phone?如何调试适用于我的桌面但不适用于我的手机的 Javascript？
【发布时间】：2011-11-04 07:37:57
【问题描述】：

我创建了一个使用YUI 3 sliders 的网站。直到最近，它在各个方面都运行良好。

现在，在过去的几天里，在我的移动设备 Android 手机上，滑块的拇指不再响应触摸，也无法拖动。

除此之外，所有 Javascript 似乎都在正常加载和运行，所以这个问题似乎仅限于滑块。

我发誓我没有故意对与滑块相关的代码进行任何更改，但是，我一定是在我的 Javascript 中的某个地方做了一些事情来导致这种差异。

问题是在我的台式机、笔记本电脑或任何其他不涉及触摸的设备上一切正常。所以很难确定代码可能出错的地方。

有什么方法可以验证或测试我的代码，看看为什么它不能在我的移动设备上正常工作？

很抱歉，我目前无法提供该网站，因为我还没有公开发布它的权限。答案必须基于一般原则。

【问题讨论】：

只是一个遥远的可能性，但 YUI 团队上周发布了 3.4，我相信这在滑块上做了一些重要的工作。您可能患有版本炎。
感谢更新提醒。我将所有文件都保存在本地，所以我认为我不会受到影响。不过，我想知道升级是否对我有好处。

标签： javascript mobile yui touch

【解决方案1】：

您可以使用 Firebug Lite 检查 DOM 树并调试 JavaScript。它的installation 非常简单：只需包含

<script src="https://getfirebug.com/firebug-lite.js"></script>

就在<head> 下方（或使用小书签）。

【讨论】：

这似乎是件好事……但是，包括它在内，我的网站已经完全崩溃了。我会看看是否有一些设置可以使其按预期工作。
这是一个很好的实用程序，我认为它会派上用场。因此，对于如何实现调试的一般性问题，我将其标记为正确。但是，在我的滑块无法正常工作的这个特定问题上，我仍然被卡住了，所以我已经将这方面移到了一个新问题上。 stackoverflow.com/questions/7254621/…感谢您的帮助和帮助。

【解决方案2】：

您可以使用JSConsole 进行远程调试。此工具用于远程调试由@rem 制作的移动 Web 应用程序。

它易于使用。如果你尝试，你可以找到一些类似http://jsconsole.com/remote-debugging.html的教程。

【讨论】：

【解决方案3】：

在您的手机上进行更多调试的另一个不错的选择是Weinre (WEB INspector REmote)

您也可以将其用作服务：http://debug.phonegap.com/

【讨论】：

【解决方案4】：

可能有点晚了，但现在有几种方法可以在移动设备上调试 DOM 和 JS。使用 Adobe Shadow，您还可以检查 localStorage。

Weinre
Adobe Shadow
对于 Mac 和 iPhone：iWebInspector

【讨论】：