La mayoría de nosotros conocemos la extensión Web Developer pero a menos que hayas explorado detenidamente todas las opciones que ofrece, dudo que estes aprovechando todo el potencial que ofrece. A continuación mencionaremos algunas, indicando el nombre, el menú a donde pertenecen entre paréntesis y algunas capturas de pantalla:
- Display Line Guides (Miscellaneous -mostrar lineas de guía): Con ésta opción podremos fácilmente ver una grilla con ejes X e Y y asi poder diagramar un sitio o arreglar problemas especificos de espacio en CSS por ejemplo. Podremos agregar todas las lineas verticales y horizontales que querramos.
- View Image Information (Images -ver información de las imagenes): Existen numerosas opciones en el menú de imagenes, pero ésta opción te va a mostrar todas las imagenes del sitio que estas visitando, detallando la ruta, el tamaño y las dimensiones de cáda una.
- View Color Information (Information -ver información de los colores): Son incontables la cantidad de veces que necesité encontrar el color que utilizaba determinado logo o imágen. Ésta opción te muestra todos los colores con código correspondiente y un ejemplo del color para que puedas encontrarlo fácilmente.
- Display Element Information (Information -mostrar información del elemento): Si cuando querés ver la información de algún elemento del sitio, lo seleccionas y elegis la opción "Ver fuente de la selección", entonces esta opción te servirá. Proba de presionar CTRL+Shift+F y hace clic sobre el elemento para ver toda la información necesaria.
- View Page Information (Information -ver información de página): Al seleccionar esta opción, se abrira una ventana emergente mostrando información del sitio, de los enlaces que posee, el tamaño del sitio y otros detalles.
- Show Passwords (Forms -mostrar contraseñas): Para todos los que construimos formularios o para los que tenemos todas las contraseñas guardadas en Firefox y quisieramos verlas fácilmente, esta opción es ideal.
- Populate Form Fields (Forms -completar campos del formulario): También muy útil para probar formularios. En las opciones de Web Developer (menú Miscellaneous) podremos definir el email por defecto.
- Small Screen Rendering (Miscellaneous -mostrar en pantalla pequeña): ¿Alguna vez te preguntaste como se vería determinada página en los dispositivos móviles? Aquí podremos ver una aproximación y asi darnos una idea del resultado.
- Mark All Links Unvisited (Miscellaneous -marcar links como no visitados): Esto es particularmente útil si queremos realizar una captura de pantalla y mostrar un sitio en su "estado natural" o si estamos realizando pruebas de usabilidad.
- Edit HTML (Miscellaneous -editar HTML): Aparte de poder editar CSS y ver los resultados "en vivo", lo mismo se aplica al HTML con Web Developer. Particularmente útil para probar arreglos rápidos o pequeños cambios.
Haga clic sobre las imagenes para agrandarlas
Suscribite via mail
Programas
