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.
Increíble lo que se lo curra la gente, me parece una herramienta muy útil.
Gracias por descubrírnosla.
Como decían en ese anuncio de bebida energética, «el ser humano es extraordinario».
Gracias por tu comentario!