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

Question

我不是Windows Phone开发人员，我希望尽可能少地与微软有关。尽管如此，我需要在Windows Phone 7上正常运行我的移动Web应用程序。该平台可以使用哪些调试工具？像Webkit开发人员工具或Firebug这样的东西是理想的，无论是从手机本身还是从我的计算机远程调试。

如果不存在这样的事情，我决定能够阅读Javascript错误消息，并使用alert()或类似的方式查看变量的内容。在这一点上，我所知道的是我的JS失败了：我不知道在哪里或为什么，更不用说如何修复它了。

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

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

Answer 1

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

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

引用：

  

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

Answer 2

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

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

如果你真的想在OS X中编码（我明白这一点），在WP7模拟器中使用单独的机器测试IE将是你最好的选择。

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

Answer 3

以下可能很有趣

Simple IE debug tool for Windows Phone

支架

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

不支持

• js breakpoints

Answer 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）中引用的版本没有帮助，但我希望这可以帮助那些可能会发现这个问题并运行更新版本的人。

Answer 5

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

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

Answer 6

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