如何在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()似乎无法正常工作，这就是我发布此问题的原因。在WP7浏览器上，alert()通常能正常工作吗？

- singingwolfboy

---

你有Windows Phone 7设备吗？比如说你只需要调试流量/用户界面... 或者是希望有一个Windows Phone模拟器？ - scunliffe

Answer 1

你可能会发现移动性能书签工具是测试任何移动设备最简单的全能工具。

在我的测试中，它可以很好地在iPhone/iPad/Samsung Galaxy Tab上运行。

引用：

它显示一个菜单，其中包含其他书签工具的链接，包括Firebug Lite、页面资源、DOM Monster、SpriteMe、CSSess和Zoompf。

- scunliffe

---

很遗憾，这似乎不包括任何JavaScript调试工具（例如控制台）。 - Jonathan

@jonathanconway 实际上，除非我漏掉了什么，Firebug Lite https://getfirebug.com/firebuglite 包含与 Firebug 相同的日志记录功能。 :-) - scunliffe

Answer 2

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

电话上没有控制台，因此您需要使用alert（就像您建议的那样）或将文本写入页面上的div作为自定义控制台。

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

编辑：我刚刚测试了一下alert，它在我的Windows Phone上可以正常工作。 我猜测语法错误防止它调用。

- Subcreation

---

Parallels也在我的电脑上引起了问题。我不得不使用Win7 Pro机器进行WP7开发。 - j7nn7k

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）的困扰，但我希望这能帮助那些正在运行更新版本的人们。

- Charles Morris - MSFT

Answer 4

以下内容可能会有趣：

Windows Phone上的简单IE调试工具

支持：

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

不支持：

• js断点

- Sergei Grebnov

---

http://www.windowsphone.com/en-us/store/app/html-debugger/dd032799-1fd9-4ba5-9135-4589908063e7 - Aardvark

Answer 5

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

- wheresrhys

Answer 6

对我有效的做法是通过 Windows Vista 内置的 Internet Explorer 浏览器测试我的移动页面。它配备了一个脚本调试器（你需要通过 Internet Options 菜单中的 Advanced Options 选项卡启用它），而且它似乎非常接近 Internet Explorer Mobile 实现。

另一个提示是，不要使用 window.alerts，而是可以使用 document.write 或设置输出到 div 内容。

- Valdez V.