Ajustes al comportamiento de STELA INSPECTOR #
Para acceder a las configuraciones avanzadas se debe hacer clic derecho sobre el icono de STELA Inspector, desde esta ventana puedes modificar algunas características de la herramienta.
Resaltar elementos #
Esta función permite que se resalte con color aquel elemento que se desea inspeccionar.
Ejemplo: Elemento “Stela store”. En la primera imagen se puede ver el elemento resaltado mientras que en la segunda no.
#
Seleccionar elemento sin hacer clic #
Permite que al posicionar el mouse (sin hacer clic) sobre el elemento que se desea inspeccionar, devuelva las propiedades. Si esta opción se desactiva, es necesario hacer clic sobre el elemento para que se visualicen las mismas.
En la primera imagen se puede ver que al posicionar el mouse se muestran las propiedades del elemento. En la segunda imagen el mouse es posicionado sobre el elemento pero al no realizar clic estas no aparecen.
#
Generar ID cortos #
La primera imagen refleja el ID corto, mientras que la segunda el ID largo.
Posición del aviso del resultado de la inspección #
Esta opción permite determinar dónde se ubica el resultado de la inspección a través de cuatro opciones (inferior izquierda, inferior derecha, superior izquierda, superior derecha).
Color de fondo del mensaje de resultado #
Verde, rojo o azul
Propiedades incluidas al resultado de STELA INSPECTOR #
El panel de configuraciones permite determinar qué propiedades incluir al resultado de la inspección (ClassName, Type, Value, Text, TagName, Href) y generar selector CCSS.
A continuación se mostrarán ejemplos seleccionando cada una de estas propiedades en las configuraciones avanzadas del STELA INSPECTOR
- ClassName = atributo class
- Type = atributo type
- Value = atributo value
- Text = texto del objeto
- TagName = tag del objeto
- Href = atributo href
- CSS
