Extensión de Firefox. Quizás debido a que la barra de herramientas para desarrolladores web es demasiado poderosa, los usuarios pueden ignorar accidentalmente muchas funciones útiles durante su uso. Hagamos aquí un pequeño resumen de estas habilidades olvidadas para llenar el mundo de amor:
Imágenes／Ver información de la imagen
A través de esta opción, puede mostrar los atributos de todos los elementos de la imagen en la página web actual en una nueva pestaña: ruta, tamaño, dimensiones, etc., lo cual es particularmente conveniente.
Información／Ver información de color
La combinación de colores de las páginas web es un gran conocimiento. A muchas personas les gusta usar Colorzilla para ver la información de color de las páginas web. Esta extensión puede mostrar la información de color de la posición actual del puntero en la barra de estado, incluido el color de la imagen. En comparación con la barra de herramientas para desarrolladores web, esta función es un poco débil, pero aún puede recuperar todos los colores llamados por CSS en la página web actual con un solo clic, lo cual es muy útil para estudiar la coincidencia de colores de la página web.
Información/Información del elemento de visualización
En el pasado, cuando quería ver el atributo div de un determinado elemento o área en una página web, siempre hacía clic derecho para llamar el archivo fuente y luego comenzaba a usar la función de búsqueda para buscar línea por línea. Con esta función, ya no tendrás que preocuparte por eso. Cuando desee ver ciertos atributos en la página web, como clase/id, ubicación, etc., simplemente use suavemente las teclas de método abreviado Ctrl+Shift+F y haga clic en esa área para ver todo lo que desea saber.
Formularios／Mostrar contraseñas
A muchas personas les gusta mostrar sus contraseñas claramente por muchas razones. Esta característica de la barra de herramientas para desarrolladores web ofrece una posibilidad a los usuarios de Firefox con esta peculiaridad. Después de hacer clic en esta opción, se mostrará claramente en el cuadro de entrada de contraseña.
Varios/Renderizado de pantalla pequeña
Cada vez más usuarios pueden utilizar sus teléfonos móviles y PDA para navegar por Internet. El uso de esta función le permite obtener una vista previa del aspecto que tendrán sus páginas web en estos dispositivos portátiles. En función de la vista previa, puede optimizar el diseño y el marco de sus páginas web. ., lo que les facilita la navegación en la PDA.
Varios／Enlaces visitados
En algunos casos, querremos que todos los hipervínculos de la página web actual estén deshabilitados para facilitar la inspección y depuración de nuestras páginas web. En esta opción, los usuarios pueden seleccionar Marcar todos los enlaces como no visitados y todos los hipervínculos se desactivarán temporalmente.
Herramientas/Ver informe de velocidad
Las opciones en el menú Herramientas están básicamente relacionadas con varias verificaciones del sitio web, CSS, JS, HTML, etc. Aquí también hay una función muy útil, que es probar la velocidad de carga del sitio web en línea. Los datos de Web Page Analyzer se llaman aquí. Después de hacer clic en la opción, Web Developer Toolbar enviará el sitio web actual a Web Page Analyzer para que lo pruebe. Los usuarios pueden comprender qué archivos afectan la velocidad de carga de su sitio web según la lista de datos proporcionada por Web. Analizador de páginas.
Varios／Editar HTML
Quizás la función más utilizada en la barra de herramientas para desarrolladores web es Editar CSS. Los usuarios pueden modificar el CSS de la página web actual en tiempo real y ver el efecto de la modificación inmediatamente. Los usuarios también pueden utilizar la barra de herramientas para desarrolladores web para modificar archivos HTML. Esta función está oculta en Varios.