Depuración del código JavaScript para aplicaciones basadas en modelo

La lógica personalizada que usa JavaScript en aplicaciones basadas en modelos se encuentra dentro de los recursos web de JavaScript. Los recursos web de JavaScript proporcionan las bibliotecas que definen las funciones que los desarrolladores registran como controladores de eventos.

En una aplicación basada en modelos vista dentro de un navegador web, puede usar las herramientas de desarrollo que proporcionan todos los navegadores modernos. Con estas herramientas, puede ubicar las bibliotecas de JavaScript cargadas en la aplicación basada en modelos, establecer puntos de interrupción y depurar su código utilizando métodos comunes.

Las aplicaciones basadas en modelos vistas mediante aplicaciones móviles en Android o la aplicación de escritorio de Windows requieren algunos pasos adicionales. Vea:

• Depurar JavaScript en aplicaciones móviles Android
• Depurar JavaScript en la aplicación de escritorio de Windows

Nota

Debido a la forma en que se agregan las bibliotecas a la página, es posible que no encuentre fácilmente la biblioteca que representa el recurso web de JavaScript. Es posible que estas bibliotecas no aparezcan en la lista de archivos o en la jerarquía de los archivos de origen.

Si conoce el nombre del recurso web de JavaScript que desea depurar, para fuentes Microsoft Edge o de Google Chrome, puede usar el comando Ctrl+P Abrir archivo para ubicar el archivo por nombre y comenzar a depurar. Si tiene un controlador de eventos que está causando un error, pero no sabe el nombre del archivo, consulte Identificar el recurso web de JavaScript que causa el error.

Más información:

• mdn web docs: ¿Qué son las herramientas para desarrolladores de navegadores?.

  • Microsoft Edge Fuentes
  • Fuentes de Google Chrome
  • Mozilla Firefox Depurador de JavaScript
  • Pestaña Depurador de Apple Safari

Identificar el recurso web de JavaScript que causa el error

Cuando un controlador de eventos provoca un error de script en una aplicación basada en modelos, aparece el siguiente cuadro de diálogo:

Si hace clic en el enlace Mostrar detalles, puede encontrar los detalles que incluyen: nombre del evento, nombre de la función, nombre del recurso web, nombre de la solución y nombre del editor.

Xrm.Navigation.openalertDialog is not a function
Session Id: 53febd7c-3388-4ea5-a195-d84cf5883c30
Correlation Id: d154420e-5999-4250-b140-081f04a8e264
Event Name: onsave
Function Name: Example.formOnSave
Web Resource Name: example_example-form-script
Solution Name: Active
Publisher Name: DefaultPublisherYourOrg
Time: Tue Jan 31 2023 13:36:34 GMT-0800 (Pacific Standard Time)

En este caso, el nombre de la función era incorrecto, openalertDialog debería ser openAlertDialog

Nota

Puede obtener los mismos detalles sobre los errores usando Supervisar. Más información: Errores de script personalizados.

Depurar JavaScript en aplicaciones móviles en Android

Mientras usa los recursos web de JavaScript para escenarios móviles, puede usar su dispositivo Android para depurar su código específico para dispositivos móviles y asegurarse de que funcione como se espera.

Nota

Actualmente no es posible depurar dispositivos usando iOS.

Para depurar JavaScript en aplicaciones móviles, debe completar los tres pasos a continuación:

1. Configure su dispositivo

• Consulte la documentación de Android para habilitar las opciones de desarrollador y la depuración de USB en su dispositivo. Más información: Android Desarrolladores: Configurar opciones de desarrollador en el dispositivo

• En el navegador Microsoft Edge o Chrome, descubra su dispositivo Android. Más información: Desarrolladores de Chrome: depuración remota Android dispositivos

  • En Microsoft Edge: edge://inspect/#devices
  • En Chrome: chrome://inspect/#devices

Nota

Asegúrese de que la opción Descubrir dispositivos USB se encuentre activada.

2. Configure la aplicación móvil

1. En la aplicación móvil, vaya a la lista de Power Apps y seleccione en el botón de menú.

2. Asegúrese de que el interruptor Habilitar depuración remota para aplicaciones basadas en modelos esté activado.

   

3. Al habilitar esta opción, tendrá un cuadro de diálogo de confirmación. Seleccione Confirmar.

   

3. Depure desde su máquina de desarrollo

1. Conecte su ordenador al dispositivo Android.

2. Abra cualquier aplicación basada en modelos desde Power Apps o la aplicación Field Service Mobile

3. En la página edge://inspect/#devices de su navegador, busque la URL de su organización en la sección Objetivo remoto.

   

4. Haga clic en Inspeccionar

Más información: Microsoft Edge: Depuración remota dispositivos Android

Depurar JavaScript en la aplicación de escritorio de Windows

Para depurar JavaScript en Windows, primero debe instalar las aplicaciones de requisitos previos.

• Debe tener un WebView2 runtime instalado en su máquina con una versión mínima de 111. Descargar WebView2 Runtime
• Debes instalar las Herramientas remotas para Microsoft Edge desde Microsoft Store: Herramientas remotas para Microsoft Edge - Aplicaciones de Microsoft Store

1. Configure su dispositivo Windows

1. Habilitar modo desarrollador.

   1. Abra Configuración de Windows > Privacidad & seguridad > Para desarrolladores.
   2. Habilitar modo desarrollador.

2. Habilitar portal del dispositivo.

   1. Abra Configuración de Windows > Privacidad & seguridad > Para desarrolladores.
   2. Habilitar portal del dispositivo.
   3. Haga clic en Sí para instalar el paquete del modo de desarrollador de Windows cuando se le solicite.
   4. Una vez que Device Portal esté habilitado, observe la URL que usará para conectarse usando localhost. En la mayoría de los dispositivos, es https://localhost:50080
   5. Para depurar Power Apps / Field Service Mobile localmente, puede continuar con Restringir solo a conexiones de bucle invertido habilitado y Autenticación deshabilitado (de lo contrario, debe establecer una contraseña de usuario)

   Aquí hay un resumen de captura de pantalla de la configuración de desarrollador recomendada:

   

2. Configurar la aplicación Windows

Configure la aplicación de escritorio de Windows Power Apps o Field Service para la depuración remota.

Use el comando Ejecutar (el acceso directo es Windows + R) y use el siguiente enlace profundo para iniciar la aplicación de Windows con argumentos especiales.

• Power Apps: ms-apps://?addWebView2AdditionalBrowserArgument=--enable-features=msEdgeDevToolsWdpRemoteDebugging
• Field Service Mobile: ms-apps-fs://?addWebView2AdditionalBrowserArgument=--enable-features=msEdgeDevToolsWdpRemoteDebugging

3. Depurar desde Windows

1. Inicie Power Apps o Field Service para Windows.

2. Abra el explorador Microsoft Edge y vaya a edge://inspect.

3. Utilice la sección Conectar a un dispositivo Windows remoto y conéctese a http://localhost:50080. La conexión tarda unos segundos, pero debería ver la URL de la organización.

   

4. Haz clic en inspeccionar y se abrirán las DevTools.

Artículos relacionados

Recursos web de JavaScript
Depurar una aplicación basada en modelo con Monitor
Solucionar problemas en la aplicación móvil Power Apps

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).