Удаленная отладка HoloLens 2 приложений WinUI 2 (UWP) WebView2

Чтобы использовать средства разработки Microsoft Edge для отладки приложения WebView2 WinUI 2 (UWP), используйте удаленную отладку. Удаленная отладка необходима для приложений WebView2 WinUI 2 (UWP), так как в настоящее время встроенные средства разработки не могут быть запущены в приложении WebView2 WinUI 2 (UWP) с подписью магазина.

WebView2 на HoloLens 2 и подключаемый модуль WebView для Unity находятся в предварительной версии и могут быть изменены до выпуска общедоступной версии.

WebView2 и подключаемый модуль WebView2 поддерживаются только на HoloLens 2 устройствах с обновлением Windows 11. Дополнительные сведения см. в разделе Обновление HoloLens 2.

Удаленное подключение средств разработки к приложению HoloLens 2 WebView2 WinUI 2 (UWP)

Удаленно подключите Microsoft Edge DevTools к приложению HoloLens 2 WebView2 WinUI 2 (UWP) следующим образом:

1. В Microsoft Edge перейдите по адресу edge://inspect. Откроется страница Проверка с помощью средств разработчика Edge :

   

2. Включить портал устройств. Откройте Параметры Windows, выберите Обновить & безопасность>для разработчиков, а затем включите переключатель Портал устройств :

   

   В разделе Подключение с помощью>Ethernet обратите внимание на URL-адрес, который будет использоваться для подключения удаленной отладки.

3. Установите удаленные инструменты для Microsoft Edge из Microsoft Store на HoloLens 2 устройстве.

4. В Microsoft Edge перейдите по URL-адресу портала устройств, который вы записали ранее. Убедитесь, что страница Подтверждение параметров безопасности загружена (на вкладке Портал устройств Windows ):

   

5. Если выполняется отладка только локальных приложений, можно нажать кнопку Продолжить с незащищенным подключением .

   Если вы не запускаете приложение локально или вам нужно подключиться по протоколу HTTPS, выберите ссылку Настройка безопасного подключения , а затем выполните действия на странице, на которую вы перенаправляетесь.

6. Убедитесь, что вы перенаправлены на страницу Диспетчер приложений: портал устройств Windows :

   

7. Перейдите по адресу http://<Device Portal URL>/msedge и убедитесь, что средства удаленной работы для Microsoft Edge работают. Страница загружает пустой список: [], если не запущено приложение, которое можно отлаживать с помощью удаленных средств.

8. Настройте приложение WebView2 WinUI 2 (UWP) для удаленной отладки:

   Чтобы включить удаленную отладку, в проекте должна быть задана переменная среды. Эту переменную необходимо задать перед созданием экземпляра CoreWebView2 , а также перед заданием WebView2.Source свойства или вызовом WebView2.EnsureCoreWebView2Async метода .

   Задайте следующую переменную:

   "WEBVIEW2_ADDITIONAL_BROWSER_ARGUMENTS", "--enable-features=msEdgeDevToolsWdpRemoteDebugging"
   

   Например, если вы используете пример приложения UWP WebView2, можно задать переменную среды, добавив следующую строку в Browser.xaml.cs файл:

   Environment.SetEnvironmentVariable("WEBVIEW2_ADDITIONAL_BROWSER_ARGUMENTS", "--enable-features=msEdgeDevToolsWdpRemoteDebugging");
   

   Строка нумеруется 33 на этом снимке экрана в конструкторе Browser() под элементом #endif , который заключает в оболочку существующую SetEnvironmentVariable инструкцию:

   

9. Запустите приложение на устройстве HoloLens 2.

10. Перейдите в http://<Device Portal URL>/msedge, например http://localhost:50080/msedge, и убедитесь, что экземпляр WebView2 отображается в списке:

    

11. Перейдите по адресу edge://inspect. В текстовом поле Подключиться к удаленному устройству Windows введите http://<Device Portal URL>, например http://localhost:50080, и нажмите кнопку Подключиться к устройству.

12. Убедитесь, что вы успешно можете подключиться, чтобы отлаживаемый элемент управления WebView2 с именем Edge был указан под именем компьютера:

    

13. В нижней части элемента управления Edge WebView2 щелкните ссылку проверка . Microsoft Edge DevTools откроется для элемента управления WebView2:

    

Теперь вы можете использовать средства разработки Microsoft Edge для проверки и отладки элемента управления WebView2 в приложении WinUI 2 (UWP) HoloLens 2 WebView2.

См. также

• Удаленная отладка приложений WebView2 WinUI 2 (UWP)