Отладка элемента управления WebView
.png "Применимо к Windows и к Windows Phone")
Для проверки и отладки элементов управления WebView в приложении среды выполнения Windows вы можете настроить Visual Studio на вложение отладчика скрипта при запуске приложения. Начиная с обновления 2 для Visual Studio 2013, у вас появилось два способа взаимодействия с элементами управления WebView с помощью отладчика.
Откройте Проводник DOM для экземпляра WebView, а затем проверьте элементы DOM, изучите проблемы со стилями CSS и протестируйте динамические отрисовываемые изменения в стилях.
Выберите веб-страницу или iFrame, отображаемые в экземпляре WebView, в качестве цели в окне Консоль JavaScript, а затем осуществите взаимодействие с веб-страницей с помощью команд консоли. Консоль предоставляет доступ к текущему контексту выполнения скрипта.
Добавление делений в код C#, Visual Basic, C++
В Visual Studio добавьте элемент управления WebView в свое приложение среды выполнения Windows.
В обозревателе решений откройте свойства для проекта, выбрав пункт Свойства в контекстном меню для проекта.
Выберите Отладка. В списке Процесс приложения выберите Скрипт.
.png "Подключить отладчик сценариев")
(Необязательно) Для версий Visual Studio, не являющихся выпуском Express, отключите JIT-отладку, выбрав Сервис, Параметры, Отладка, JIT и отключив JIT-отладку для скрипта.
Примечание
Отключив JIT-отладку, вы можете скрыть диалоговые окна для необработанных исключений, возникающих на некоторых страницах.В Visual Studio Express JIT-отладка всегда отключена.
Нажмите клавишу F5, чтобы начать отладку.
Использование проводника DOM для проверки и отладки элемента управления WebView
(C#, Visual Basic, C++) Вложите отладчик скрипта в приложение. Инструкции см. в первом разделе.
Если вы еще этого не сделали, добавьте элемент управления WebView в свое приложение и нажмите клавишу F5 для запуска отладки.
Перейдите на страницу, содержащую элементы управления Webview.
Откройте окно проводника DOM для элемента управления WebView, выбрав Отладка, Окна, Проводник DOM, а затем выберите URL-адрес WebView, который хотите проверить.
.png "Открытие проводника DOM")
Проводник DOM, сопоставленный с WebView, отображается в Visual Studio в виде новой вкладки.
Просмотрите и измените элементы Live DOM и стили CSS, как описано в разделе Отладка стилей CSS с использованием проводника DOM.
Использование окна консоли JavaScript для проверки и отладки элемента управления WebView
(C#, Visual Basic, C++) Вложите отладчик скрипта в приложение. Инструкции см. в первом разделе.
Если вы еще этого не сделали, добавьте элемент управления WebView в свое приложение и нажмите клавишу F5 для запуска отладки.
Откройте окно консоли JavaScript для элемента управления WebView, выбрав Отладка, Окна, Консоль JavaScript.
Отображается окно консоли JavaScript.
Перейдите на страницу, содержащую элементы управления Webview.
В окне консоли выберите веб-страницу или iFrame, отображаемые элементом управления WebView в списке Цель.
.png "Выбор назначения в окне консоли JavaScript")
Примечание
С помощью консоли вы можете одновременно взаимодействовать с отдельным WebView, iFrame, контрактом отправки данных или рабочим веб-процессом.Каждый элемент требует отдельного экземпляра узла веб-платформы (WWAHost.exe).Одновременно можно взаимодействовать с одним узлом.
Просмотрите и измените переменные в приложении или используйте команды консоли, как описано в разделах Краткое руководство. Отладка JavaScript с помощью консоли и Команды консоли JavaScript.