Windows Phone 8 IE10 Javascript调试

Question

IE10在HTML5合规区域有一些很棒的增强功能,但在WP8上运行时仍然是开发JavaScript HTML5的熊,因为除了控制台消息之外无法调试应用程序.

是否有可用的像WebKit的浏览器的手机有WP8运行IE10远程调试经验(见我在视频http://www.youtube.com/watch?v=GNAjzFpNEj4为例).当使用USB线到桌面Safari调试时,IOS上的Javascript应用很容易,因为可以设置断点并在远程调试器中检查变量.我希望IE10中具有相同的功能,并希望获得有关在何处启用这些非常需要的功能的任何信息.

Answer 1

坏消息是,与WP7/IE9相比,没有新的调试功能.请看一下如何在Windows Phone 7上调试Internet Explorer？因为我们在WP8上的情况完全相同.

我个人每天使用的东西

1. 尽可能在IE10 Desktop中调试您的应用程序

2. Weinre远程调试器.演示视频.您可以使用以下基于Weinre的应用程序来简化其使用(无需本地设置) - IeMobileDebugger src或指向Store的链接

   支持

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

   不支持

   js断点

3. 对于javascript逐行调试使用aardwolf.VS集成演示.

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);
    };           
}

Answer 2

FWIW:Windows Phone 8.1最终支持远程调试.见http://blogs.msdn.com/b/visualstudioalm/archive/2014/04/04/diagnosing-mobile-website-issues-on-windows-phone-8-1-with-visual-studio.aspx