Depuración remota HoloLens 2 aplicaciones WebView2 WinUI 2 (UWP)

Artículo
12/21/2023

Para usar Microsoft Edge DevTools para depurar una aplicación WebView2 WinUI 2 (UWP), usa la depuración remota. La depuración remota es necesaria para las aplicaciones WebView2 WinUI 2 (UWP) porque, actualmente, las DevTools integradas no se pueden iniciar dentro de una aplicación WebView2 WinUI 2 (UWP) firmada por la tienda.

WebView2 en HoloLens 2 y el complemento WebView para Unity están en versión preliminar y están sujetos a cambios antes de la disponibilidad general.

WebView2 y el complemento WebView2 solo se admiten en dispositivos HoloLens 2 que ejecutan la actualización de Windows 11. Para obtener más información, vea Actualizar HoloLens 2.

Adjuntar DevTools de forma remota a una aplicación HoloLens 2 WebView2 WinUI 2 (UWP)

Adjunte Microsoft Edge DevTools de forma remota a una aplicación HoloLens 2 WebView2 WinUI 2 (UWP) de la siguiente manera:

En Microsoft Edge, vaya a edge://inspect. Se abre la página Inspeccionar con las herramientas de desarrollo de Edge :
Habilitar Portal de dispositivos: abra Configuración de Windows, seleccione Actualizar & Seguridad>para desarrolladores y, a continuación, active el botón de alternancia Portal de dispositivos:

En Conectar con>Ethernet, tenga en cuenta la dirección URL que se usará para la conexión de depuración remota.
Instale Herramientas remotas para Microsoft Edge desde Microsoft Store en el dispositivo HoloLens 2.
En Microsoft Edge, vaya a la dirección URL del Portal de dispositivos que anotó anteriormente. Compruebe que la página Confirmar configuración de seguridad está cargada (en la pestaña Portal de dispositivos Windows ):
Si solo está depurando aplicaciones que se ejecutan localmente, puede seleccionar el botón Continuar con una conexión no segura .

O bien, si no está ejecutando la aplicación localmente o si necesita conectarse a través de HTTPS, seleccione el vínculo Configurar una conexión segura y, a continuación, siga los pasos de la página a la que se le redirige.
Compruebe que se le redirige a la página Administrador de aplicaciones: Portal de dispositivos Windows :
Vaya a http://<Device Portal URL>/msedge y compruebe que Las herramientas remotas para Microsoft Edge funcionan. La página carga una lista vacía: [], a menos que haya una aplicación en ejecución que se pueda depurar mediante herramientas remotas.
Configure la aplicación WebView2 WinUI 2 (UWP) para la depuración remota:

Para habilitar la depuración remota, se debe establecer una variable de entorno en el proyecto. Esta variable debe establecerse antes de crear la CoreWebView2 instancia y antes de establecer la WebView2.Source propiedad o llamar al WebView2.EnsureCoreWebView2Async método .

Establezca la siguiente variable:
```
"WEBVIEW2_ADDITIONAL_BROWSER_ARGUMENTS", "--enable-features=msEdgeDevToolsWdpRemoteDebugging"
```
Por ejemplo, si usas la aplicación para UWP de ejemplo WebView2, puedes establecer la variable de entorno agregando la siguiente línea en el Browser.xaml.cs archivo:
```
Environment.SetEnvironmentVariable("WEBVIEW2_ADDITIONAL_BROWSER_ARGUMENTS", "--enable-features=msEdgeDevToolsWdpRemoteDebugging");
```
La línea se numera en 33 en esta captura de pantalla, en el Browser() constructor, debajo de una #endif que encapsula una instrucción existente SetEnvironmentVariable :
Inicie la aplicación en el dispositivo HoloLens 2.
Vaya a http://<Device Portal URL>/msedge, como http://localhost:50080/msedge, y asegúrese de que la instancia de WebView2 aparece en la lista:
Ve a edge://inspect. En el cuadro de texto Conectar a un dispositivo Windows remoto , escriba http://<Device Portal URL>, como http://localhost:50080y, a continuación, haga clic en Conectar al dispositivo.
Compruebe que puede conectarse correctamente para que el control WebView2 depurable, denominado Edge, aparezca en el nombre de la máquina:
En la parte inferior de la entrada de control Edge WebView2, haga clic en el vínculo inspeccionar . Microsoft Edge DevTools se abre para el control WebView2: