Fiori Doctor – una ayuda para analizar aplicaciones UI5

Hace tiempo publique una entrada donde mediante un complemento de Google Chrome podíamos analizar nuestras aplicaciones en SAPUI5 de manera fácil e intuitiva.

Recientemente he descubierto una nueva extensión que nos puede ayudar a tal cometido. Fiori Doctor, una extensión para Chrome que nos permitirá de manera muy grafica analizar las aplicaciones SAPUI5.

Sin más, vamos a ver como funciona.

Instalación

Como en el plugin anterior todo lo que tenemos que hacer es buscar el plugin en el web store de Chrome:

https://chrome.google.com/webstore/detail/fiori-doctor/abmocanmemghgbcegmmdgpefgfjbkglf

Probando la extensión

Para poder probar esta nueva extensión iremos a la pagina de documentación de SAPUI5, concretamente a la sección de Demo Apps:

Una vez en la página, para activar las ayudas tendremos que pulsar en el botón de extensiones de chrome:

Pulsamos en el nombre del plugin:

Una vez pulsado nos aparecerán las ayudas a activar, así como la versión de librerías ui5 de la aplicación:

Vamos a ver ahora cada una de las opciones.

Explore Controls

Con esta opción podremos ver que control se esta usando en cada parte de la pantalla, al activar esta opción nos aparecerá un pop up y al pasar por encima de cada uno de los elementos nos dirá el control estándar que visualizamos.

Como ya habréis visto, si pulsamos Shift y uno de los controles, nos llevara directamente a la página oficial de sapui5 para la librería y controlador que estamos viendo.

Esto resulta muy útil si queremos por ejemplo modificar parámetros de un control.

Show UI5 View name

Esta es una opción muy interesante para analizar las vistas de nuestra aplicación, sobre todo cuando no sabemos ubicar algún elemento.

Basta con pasar el ratón por encima de las vistas y nos indicará el ID de la misma:

Non-minified JS files

Activa la carga de los ficheros JS sin comprimir, esto es muy útil cuando necesitamos hacer debuggin ya que sino, tendremos todo el código comprimido y en pocas líneas. Esto es equivalente a activar el debuggin de SAPUI5.

Sniff OData

Esta opción nos muestra Popups cada vez que se detecta la lectura de los datos de un OData, puede ser una opción buena cuando tienes cargas asíncronas, lo malo de esta opción solo muestra la carga de OData durante la carga, por lo que por ejemplo, no he podido tomar un “pantallazo” del resultado.

Clear Cache

Esta es quizás la opción que a priori podriamos pensar que es menos util.

Siempre podemos utilizar la consola del navegador para activar la limpieza de cache al refrescar, aunque lo interesante en este caso es poder hacer la limpieza de cache a demanda.

Funcionalidad extra oculta

Para finalizar, hay una funcionalidad extra.

Si os da un poco de pereza esto de tener que copiar un error, ir a la pagina de soporte de SAP y buscar si existe alguna nota que lo corrija, por ejemplo, si un OData estándar devuelve algún error en una aplicación Fiori esta extensión también nos crea un atajo.

Seleccionando un texto y pulsando la tecla Shift + botón derecho nos aparecerá una opción para buscar directamente notas:


Como veis, este plugin puede ser un buen aliado para vuestro día a día en aplicaciones hechas en SAPUI5

Como siempre suscribete, dale a la campanita de notificaciones y comparte en redes para estar a la última.


2 respuestas a «Fiori Doctor – una ayuda para analizar aplicaciones UI5»

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.