如何在 Windows Phone 7 上调试 Internet Explorer？

Question

我不是 Windows Phone 开发人员，我希望尽可能少做与 Microsoft 相关的任何事情。 尽管如此，我需要让我的移动 Web 应用程序在 Windows Phone 7 上正常运行。该平台有哪些调试工具可用？ Webkit 开发人员工具或 Firebug 之类的东西是理想的，无论是从手机本身还是更有可能从我的计算机远程调试。

如果这样的东西不存在，我会满足于能够读取 Javascript 错误消息，并使用alert()或类似方法查看变量的内容。 在这一点上，我只知道我的 JS 失败了：我不知道在哪里或为什么，更不用说如何修复它了。

我的开发计算机运行的是 OS X，如果可能的话，我真的希望能够从 OS X 使用这些工具。 假设存在调试工具（我真的希望他们这样做）它们是否仅适用于 Windows？ 如果是这样，有没有人知道他们与Wine或类似产品的搭配效果如何？

编辑：我有一个物理 Windows Phone 7 设备，所以我可以使用它。 但是， alert()似乎不起作用，这就是我发布此问题的原因。 alert()在 WP7 浏览器上正常工作吗？

Answer 1

您可能会发现Mobile Perf Bookmarklet是用于测试任何移动设备的最简单的多合一工具。

到目前为止，在我的测试中，在 iPhone/iPad/Samsung Galaxy Tab 上运行良好。

引用：

它显示一个菜单，其中包含加载其他书签的链接，包括 Firebug Lite、Page Resources、DOM Monster、SpriteMe、CSSess 和 Zoompf。

Answer 2

以下内容可能很有趣

适用于 Windows Phone 的简单 IE 调试工具

支持

• html遍历
• Html 节点样式、属性、指标
• 读取控制台输出
• 从控制台在设备端执行 js（包括智能感知）
• 动态脚本注入 - 调试实时站点的能力

不支持

• js断点

Answer 3

只是想添加一个注释，说明现在可以使用 Windows Phone 8.1 和 Visual Studio 2013 Update 2 进行完整的 JavaScript 调试。完整详细信息可在以下位置获得：

http://blogs.msdn.com/b/visualstudioalm/archive/2014/04/04/diagnosing-mobile-website-issues-on-windows-phone-8-1-with-visual-studio.aspx

我意识到这对原始问题（WP7）中引用的版本没有帮助，但我希望这会帮助那些可能发现这个问题并正在运行更新版本的人。

Answer 4

除非您有 Windows Phone 7 设备，否则您需要在 BootCamp 中运行 Windows 并安装Windows Phone Developer Tools ，以便在模拟器上的 IE 中进行测试。 我不知道 Whine，但我在尝试在 Parallels 中进行测试时遇到了重大问题 - 所以根据我的经验，我建议尽可能保持简单。

手机上的 IE 中没有控制台，因此您需要像您建议的那样使用警报，或者只是将文本写入页面上的 div 作为自定义控制台。

如果你真的想在 OS X 中编码（我绝对理解），使用单独的机器在 WP7 模拟器中测试 IE 将是你最好的选择。

编辑：我刚刚测试了警报，它在我的 Windows Phone 上运行良好。 我的猜测是语法错误阻止它调用。

Answer 5

我正在使用这个 hack 让 console.log 将信息发送回服务器（它使用 window.fetch，我正在 polyfilling，但可以使用 xhr 代替） https://gist.github.com/wheresrhys/bf93057ee3a594454582

Answer 6

对我有用的是通过 Windows Vista 内置的 Internet Explorer 浏览器测试我的移动页面。 它带有一个脚本调试器（您必须通过 Internet 选项菜单在高级选项选项卡中启用它），而且它似乎非常接近 Internet Explorer Mobile 的实现。

另一个提示是，除了使用 window.alerts，您还可以使用 document.write 或将输出设置为 div 内容。