Windows Phone 8 IE10 Javascript отладка

IE10 имеет некоторые замечательные улучшения в области соответствия HTML5, но остается медвежью для разработки JavaScript HTML5 при работе на WP8, поскольку нет способа отлаживать приложение, кроме сообщений консоли.

Есть ли удаленный отладочный опыт, доступный для IE10, работающий на WP8, например, у браузеров телефона WebKit (например, мое видео на http://www.youtube.com/watch?v=GNAjzFpNEj4). Когда это происходит с USB-кабелем на рабочем столе. Отладка Safari приложений Javascript на IOS проста, так как точки останова могут быть установлены, а переменные - в удаленном отладчике. Я надеюсь, что те же возможности будут в IE10 и оценят любую информацию о том, где можно включить эти очень необходимые возможности.

Ответ 1

Плохая новость, что нет новых возможностей отладки по сравнению с WP7/IE9. Пожалуйста, посмотрите Как отладить Internet Explorer на Windows Phone 7?, так как мы находимся в точно такой же ситуации на WP8.

То, что я лично использую ежедневно

Отлаживайте приложение в рабочем столе IE10 как можно больше
Weinre удаленный отладчик. Демо-видео. Вы можете использовать следующее приложение на основе Weinre для упрощения его использования (без локальной настройки) - IeMobileDebugger src или ссылка на магазин

поддерживает

Перемещение Html Html node стили, свойства, показатели Выход для чтения консоли Выполнение js на стороне устройства с консоли (включая intellisense) Динамическая инъекция script - возможность отладки живых сайтов

Не поддерживается

js точки останова
Для отладки по строкам от javascript используйте aardwolf. Демо с интеграцией VS.
Чтобы перенаправить трассировку консоли на вывод Visual Studio и иметь возможность использовать console.log( "некоторое сообщение" ) для трассировки

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

Ответ 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

Ответ 3

Хотя это не полное решение, Lauri Piispanen consolelog.js, удаленный JS-консоль на основе nodejs может помочь вам.