javascript - Windows Phone 8 IE10 Javascript 调试

Question

IE10 在 HTML5 合规性方面有一些出色的增强，但在 WP8 上运行时仍然难以开发 JavaScript HTML5，因为除了控制台消息之外无法调试应用程序。

WP8 上运行的 IE10 是否有像 WebKit 手机浏览器那样的远程调试体验(例如，请参阅我的视频 http://www.youtube.com/watch?v=GNAjzFpNEj4)。当使用 USB 电缆连接到桌面 Safari 时，在 IOS 上调试 Javascript 应用程序就变得很容易，因为可以在远程调试器中设置断点并检查变量。我希望 IE10 中具有相同的功能，并且希望了解有关在何处启用这些非常需要的功能的任何信息。

Answer 1

坏消息是，与 WP7/IE9 相比，没有新的调试功能。请查看How do I debug Internet Explorer on Windows Phone 7?因为我们在 WP8 上的情况完全相同。

我个人日常使用的东西

1. 尽可能在 IE10 桌面版中调试您的应用

2. Weinre远程调试器。 Demo video.您可以使用以下基于Weinre的应用程序来简化其使用(无需本地设置)-IeMobileDebugger src或link to Store

   支持

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

   不支持

   js断点

3. 对于 javascript 逐行调试，请使用 aardwolf 。 Demo with VS integration .

4. 将控制台跟踪重定向到 Visual Studio 输出并能够使用 console.log("some message") 进行跟踪

index.html:

<script type="text/javascript">
    window.console = {
        log: function (str) { window.external.Notify(str); }
    };

    // output errors to console log
    window.onerror = function (e) {
        console.log("window.onerror ::" + JSON.stringify(e));
    };

    console.log("Installed console !");
</script>

MainPage.xaml.cs

private void Browser_Loaded(object sender, RoutedEventArgs e)
{
    Browser.IsScriptEnabled = true;
    // Add your URL here
    Browser.Navigate(new Uri(MainUri, UriKind.Relative));

    Browser.ScriptNotify += (s, arg) =>
    {
        Debug.WriteLine(arg.Value);
    };           
}