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

【问题标题】：How do I debug Internet Explorer on Windows Phone 7?如何在 Windows Phone 7 上调试 Internet Explorer？
【发布时间】：2011-07-09 02:25:29
【问题描述】：

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

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

我的开发计算机正在运行 OS X，如果可能的话，我非常希望能够使用 OS X 中的这些工具。假设存在调试工具（我真的希望他们这样做），它们是否仅针对 Windows 设计？如果是这样，有谁知道他们与Wine 或类似的合作情况如何？

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

【问题讨论】：

您有 Windows Phone 7 设备吗？例如您只需要调试流量/UI...还是希望有一个 Windows Phone 模拟器？

标签： javascript debugging internet-explorer windows-phone-7 remote-debugging

【解决方案1】：

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

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

引用：

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

【讨论】：

不幸的是，这似乎不包括任何 Javascript 调试工具（例如控制台）。
@jonathanconway 实际上，除非我遗漏了一些东西 Firebug Lite getfirebug.com/firebuglite 确实包含与 Firebug 相同的日志记录功能。 :-)

【解决方案2】：

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

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

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

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

【讨论】：

Parallels 也导致我的机器出现问题。我必须使用 Win7 Pro 机器进行 WP7 开发。

【解决方案3】：

以下内容可能很有趣

Simple IE debug tool for Windows Phone

支持

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

不支持

js 断点

【讨论】：

windowsphone.com/en-us/store/app/html-debugger/…

【解决方案4】：

只是想添加一个说明，说明现在可以使用 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) 中引用的版本没有帮助，但我希望这对可能找到此问题并正在运行更新版本的人有所帮助。

【讨论】：

【解决方案5】：

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

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

【讨论】：

【解决方案6】：

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

【讨论】：