hogar › POR › Matices de las extensiones de Google Chrome para desarrolladores. Extensiones de Google Chrome para desarrollo web y más. ¿Qué versiones de Chrome existen?

Matices de las extensiones de Google Chrome para desarrolladores. Extensiones de Google Chrome para desarrollo web y más. ¿Qué versiones de Chrome existen?

Navegador Google Chrome– una excelente opción para diseñadores y desarrolladores web. Con extensiones para GoogleChrome, puedes agregar más características, que puede ayudar con el diseño, encontrar errores y otros trabajos con el sitio. Aquí presentamos las mejores extensiones de Chrome para diseñadores y desarrolladores.

Prueba de resolución– esta extensión está diseñada para consultar páginas web con diferentes resoluciones de pantalla y puede establecer sus propias configuraciones de resolución. Esta herramienta es muy útil para comprobar cómo se ve su diseño en diferentes tamaños de monitor.

Pendule amplía la funcionalidad de las herramientas integradas de Google Chrome. Con esta extensión, los usuarios tienen muchas características adicionales, tales como: evaluar etiquetas de restricción utilizando los servicios web automatizados del W3C, ocultar imágenes en una página, ver scripts incrustados en una página y muchas otras.

ropa civil Sólo hace bien una cosa: elimina todo el CSS de la página. Una de las formas favoritas de evaluar la accesibilidad de una página web es eliminar los estilos CSS y comparar la legibilidad de la página con y sin los estilos. Este enfoque simula una situación en la que el usuario solo muestra una página parcial en su pantalla y solo puede confiar en las etiquetas de la página para acceder al contenido.
Aunque este programa se creó originalmente para probar páginas web, puedes usarlo para ver tus estilos favoritos sin estilo (para que tu jefe no te pille mirándolo mientras necesitas finalizar una función de JavaScript).

Si desea recortar partes específicas de una página web, Image Cropper es su opción obvia. Este programa es tan simple como un palo y no tiene trucos. Simplemente especifica el área que deseas cortar y la aplicación la recogerá. ¿Necesita precisión de píxeles? La extensión muestra el tamaño y la ubicación de las piezas que cortas, para que puedas elegir el tamaño que necesitas.

Esta extensión se enorgullece de ser minimalista y simple, lo cual es bueno, porque no hay razón para complicar la producción del texto de Lorem Ipsum. El generador de Lorem Ipsum le permite llenar marcos con texto al diseñar su sitio web de presentación.

Identificar errores dentro del motor. explorador de Internet Trident no es nada divertido. Al usar IE Tab, al menos puedes ahorrar un poco de tiempo y no tener que usar Internet Explorer (sin mencionar que no tiene muchas extensiones) para encontrar problemas de renderizado.

jQuery Shell le permite ejecutar comandos javascript y jQuery en el contexto de una página web abierta. Una extensión muy útil para aprender y experimentar con jQuery.

10.

Esta aplicación es maestra en un solo truco. El truco es que el programa te permite obtener rápidamente los valores Hex y RGB de cualquier color en cualquier página web. Esta función puede resultar útil si necesita determinar qué colores utiliza su sitio web favorito sin utilizar Photoshop y su herramienta Cuentagotas.

11.

Usando la función Web, puede hacer que cualquier página esté disponible para editar (los cambios que realice, por supuesto, no se guardarán). Bueno, ¿por qué necesitas esto entonces? He aquí por qué: si estás creando un sitio web y quieres jugar con los elementos sin realizar cambios significativos en el código, esta aplicación te resultará muy útil.

12.

¿Alguna vez has querido saber qué tecnologías, estructuras y aplicaciones fuente abierta utiliza un sitio web específico? Los desarrolladores experimentados pueden responder estas preguntas estudiando fuente, pero si desea obtener la respuesta de forma más rápida y sencilla, pruebe Chrome Sniffer. Chrome Sniffer enumera todos los marcos/bibliotecas de JavaScript conocidos (jQuery, MooTools, etc.) y CMS (Drupal, WordPress, etc.) que utiliza un sitio web.

13.
Gotero para ojos es una extensión para Google Chrome que te permite detectar el color en cualquier página web. Además, el programa proporciona una “rueda” de colores y muestras de colores (que se pueden encontrar en cualquier programa de graficos), para que puedas experimentar y manipular los colores hasta encontrar el que deseas.

15.

Una página web correctamente construida y con un buen marcado conduce en última instancia a que la página obtenga resultados impresionantes en los motores de búsqueda. Sin embargo, si desea evaluar su sitio web según parámetros conocidos de optimización de motores de búsqueda, debería probar SEO Site Tools, una extensión que le ofrece una amplia gama de herramientas y funciones útiles de evaluación de SEO. Puede leer muchos parámetros dentro y fuera de la página, obtener información de las redes sociales y todo eso.

Hay varias versiones creadas para diferentes categorías de usuarios. uno de ellos se llama Edición para desarrolladores de Google Chrome. ¿Qué tipo de versión es esta y por qué es necesaria? Sobre esto y hablaremos en este material.

Vale la pena señalar que desde hace mucho tiempo han aparecido versiones alternativas de Chrome. Acompañan a este popular navegador casi desde la versión de lanzamiento. Pero no todos los usuarios son aptos para opciones alternativas.

El hecho es que "otras" versiones de Chrome están destinadas a profesionales de un campo u otro: diseñadores de diseño, evaluadores, desarrolladores, etc. Estos navegadores no son adecuados para usuarios normales. Y, sin embargo, necesitamos hablar de ellos.

¿Qué versiones de Chrome existen?

De hecho, no hay tantos. Sin embargo, sólo hay uno estable. Este es exactamente el que se pone a disposición del público. Cualquier usuario puede descargarlo. Pero también existen versiones alternativas. Echemos un vistazo más de cerca.

Estas son las versiones del Google Chrome favorito de todos que existen. Sin embargo, en este contexto nos interesa la Developer Edition. Por tanto, hay que tener en cuenta todo características clave esta versión para más detalles. Sólo entonces se podrá llegar a una conclusión.

Funciones de la edición para desarrolladores

La característica clave de este Versiones de Google Chrome es la disponibilidad de herramientas de desarrollo. Serán útiles para quienes desarrollen extensiones y complementos para este navegador web. El usuario medio se perderá en este tipo de herramientas.

La segunda característica es la consola avanzada. Se utiliza para editar el código y habilitar funciones ocultas navegador. Sin embargo, es necesario saber cómo trabajar con él. El más mínimo error en un equipo puede tener consecuencias muy nefastas.

Otro "truco" es la presencia de las últimas innovaciones que han migrado a Esta versión de Canarias. Gracias a esto, los desarrolladores pueden optimizar sus extensiones para nuevas capacidades del navegador web.

Actualizaciones frecuentes– otra característica distintiva de Developer Edition. Vienen de forma irregular, pero a más tardar una vez cada dos semanas. En algunos casos, las actualizaciones pueden llegar dentro de dos días. Esto es conveniente para quienes están probando nuevas funciones del navegador web.

Conclusión

Entonces, arriba hablamos sobre las versiones de Google Chrome que existen y discutimos en detalle la compilación para desarrolladores. Ahora está claro que esta versión se distingue por un conjunto de herramientas y una consola avanzada.

Vale la pena señalar que los usuarios habituales no necesitan instalar Developer Edition en absoluto. Esto no tendrá sentido. Además, este conjunto no es particularmente estable. Si no es desarrollador, es mejor utilizar Stable.

Hay una gran cantidad de extensiones gratuitas para navegador de google Chrome que te ayudan a hacer tu vida más fácil. Aquí están 20 de los mejores.

En este artículo, presentamos las mejores extensiones de Google Chrome para diferentes propósitos, pero cada una está diseñada para facilitar su trabajo.

Firefox es famoso desde hace mucho tiempo por su personalización y sus numerosas extensiones, pero Google Chrome también ha ganado mucha popularidad entre los diseñadores y desarrolladores web en los últimos años. Una de las razones de esto es su velocidad y las herramientas de desarrollo integradas.

Ahora, con el desarrollo de la colección de extensiones de Chrome, que se expande cada día, esta es la razón por la que muchos desarrolladores y diseñadores web eligen este navegador.

¿Quieres saber más sobre esto? Consulta nuestra lista.

01. iMacros para Chrome

La extensión iMacros Chrome te permite grabar y guardar tus acciones.

Como desarrollador web, es posible que deba auditar sus páginas web. Hacer las mismas cosas una y otra vez puede ser un proceso tedioso. iMacros es una práctica extensión de Chrome que te permite registrar tus acciones y guardarlas, requiriendo que solo realices la acción una vez.

Luego podrá revisar sus páginas una y otra vez, repitiendo los pasos con solo hacer clic en un botón. Esto ahorra un tiempo valioso y le permite concentrarse en cuestiones más importantes.

02. Patio de juegos de fuentes

Font Playground te permite experimentar con fuentes locales en páginas web en vivo.

Todo diseñador y desarrollador encontrará muchas cosas útiles en esta extensión. Font Playground le permite experimentar con fuentes locales y todas las bibliotecas de fuentes de Google en páginas web activas sin realizar ningún cambio en las páginas mismas.

Lo bueno de esta extensión es que incluye todos los tamaños de fuente, estilos y efectos posibles. Primero puede visualizar diferentes opciones de fuente antes de realizar cambios reales en el código.

03. ¿Qué fuente?

¿Qué fuente utilizan? ¡La extensión What Font Chrome puede mostrarte esto!

What Font, una extensión muy útil para Google Chrome, permite a los desarrolladores y diseñadores determinar qué fuentes se utilizan en una página web.

Entonces, si encuentras una fuente en línea que se ve fantástica y quieres usarla en uno de tus proyectos futuros, simplemente coloca el cursor sobre ella y sabrás instantáneamente qué es.

04. Y lento

YSlow le dirá qué está ralentizando la página.

Con esta herramienta, no sólo puedes comprobar qué tan rápido se carga una página web, sino que también te mostrará si algo la está ralentizando.

YSlow prueba las páginas web según 23 de las 34 reglas de rendimiento desarrolladas por el equipo de Yahoo. Esto es extremadamente Herramienta útil para analizar páginas web, que también sugiere formas de optimizar su rendimiento.

05. Desarrollador web

La extensión Chrome Web Developer proporciona una serie de herramientas útiles para los desarrolladores.

Si eres desarrollador web te preguntarás: ¿cómo te las arreglaste hasta ahora sin esta extensión? Agrega un botón en la barra de herramientas que le da a Chrome acceso a muchas herramientas útiles para desarrolladores web.

Este versión oficial Extensión de desarrollador web desarrollada para Firefox.

06. Lista de verificación del desarrollador web

Soluciona problemas de rendimiento en esta práctica herramienta de Chrome.

Esta herramienta le permite verificar todo, desde si sus páginas son compatibles con SEO, usabilidad, así como su visibilidad y rendimiento (velocidad de carga de la página).

Entonces, si, por ejemplo, te perdiste una etiqueta H1, o si a una página le falta un metatítulo o una meta descripción, la extensión de la lista de verificación del desarrollador web te lo notifica.

Para que puedas solucionar rápidamente este problema. Si haces clic en el enlace " más información y ayuda» en la parte inferior de la extensión, encontrarás una lista más detallada.

07. Guardado automático de DevTools

Guarda automáticamente los cambios en los archivos fuente de la página (CSS y JS).

Un verdadero tesoro para todos los desarrolladores, DevTools Autosave le permite guardar automáticamente cualquier cambio realizado en los archivos fuente CSS y JS de una página a través del entorno Chrome Dev Tools. La extensión es fácil de configurar y usar y le ahorrará mucho tiempo.

08. Estructura alámbrica instantánea

Le permite ver estructuras alámbricas de páginas web.

Conecte la visualización de estructura alámbrica de cualquier página web con un solo clic. Esta extensión de Google Chrome ayuda a los desarrolladores y diseñadores web a ver páginas web, ya sean locales o publicadas en línea, con una superposición de estructura alámbrica.

09. Emulador de ondulación

Ripple Emulator ayuda con la depuración de páginas web, la inspección DOM y las pruebas automatizadas.

Ripple Emulator es un emulador de entorno móvil multiplataforma que le ayudará a probar su aplicación web en varios dispositivos y resoluciones de pantalla.

La extensión Ripple Emulator se puede utilizar en combinación con herramientas de desarrollo existentes para depuración, inspección DOM y pruebas automatizadas.

10. racha

Seguimiento de conversaciones por correo electrónico en un ticket, asignación de tareas.

Streak es la principal herramienta de soporte y CRM Correo electrónico Gmail.

La extensión le permite combinar todos sus buzones de correo electrónico en uno u organizar el seguimiento de los intercambios de mensajes en un ticket, asignar tareas para que pueda gestionar personalmente el proceso de comunicación con sus contrapartes o proporcionar acceso a este a otras personas.

11. Buscar en Stackoverflow

Obtenga respuestas rápidas a sus preguntas con esta extensión imprescindible.

Si eres desarrollador web, debes haber oído hablar de Stack Overflow, un lugar al que muchos desarrolladores acuden con diversas preguntas relacionadas con el desarrollo de proyectos web. Si no, entonces definitivamente necesitas conocerlo. Es una comunidad verdaderamente próspera que cubre una amplia gama de temas, desde C# y Java hasta PHP y JQuery.

Esta fantástica extensión agrega un cuadro de búsqueda directamente a su navegador y le permite aprovechar los vastos recursos de Stack Overflow. ¡Una extensión imprescindible!

12. Manual PHP Ninja

Toda la documentación para PHP 5.5, en tu navegador.

Es realmente difícil recordar cada función, por lo que si pasaste muchas horas buscando funciones PHP específicas a través de Google en el pasado, esta extensión definitivamente te llamará la atención. El manual PHP Ninja proporciona

Obtienes toda la documentación para PHP 5.5 ejemplos concretos en ocho idiomas en tu navegador.

13. Píxel perfecto

Esta extensión le ayudará a garantizar que cada píxel de su sitio coincida con el diseño.

Los diseñadores odian las situaciones en las que crean un diseño sorprendente, pero después de traducirlo a código, algo no coincide con el diseño original. El procesador Perfect Pixel es realmente la extensión perfecta para los desarrolladores web que se esfuerzan por crear sitios con un diseño preciso.

Esta extensión fácil de usar le permite colocar una imagen semitransparente superpuesta en la parte superior de una página web y realizar una verificación de coincidencia píxel por píxel para garantizar una coincidencia del 100 por ciento.

14. Código Cola

Le permite editar el CSS de la página web en su lugar.

Esta herramienta no sólo le permitirá ver el código fuente en el que está trabajando, sino que también puede funcionar como un editor CSS. Esto significa que puede editar el estilo CSS de sus páginas web en el momento y ver los resultados de sus cambios inmediatamente.

15. Rastreador de cromo

Inspección de aplicaciones web y bibliotecas JavaScript.

Esta extensión permitirá a los desarrolladores web inspeccionar e identificar aplicaciones web, así como bibliotecas de JavaScript adjuntas a un proyecto específico. La extensión funciona de la forma más sencilla posible: aparece un icono en la barra de direcciones que indica la versión del framework o CMS utilizado.

16. Cambiador de agente de usuario

Compruebe cómo se ve su sitio en diferentes dispositivos.

Una gran herramienta para ver cómo se ve un sitio web. varios tipos dispositivos como iPad, iPhone o dispositivos Android. Esto también puede resultar muy útil en términos de ver el sitio tal como lo ven los motores de búsqueda.

No importa lo que hayas oído sobre Google Chrome, cuando estamos hablando acerca de En cuanto a diseño y desarrollo web, Firefox sigue siendo el mejor navegador con un entorno de desarrollo amigable que puedas encontrar.

Diablos, Firefox incluso tiene una versión especial del navegador diseñada exclusivamente para desarrolladores web. Eso es lo mucho que Mozilla se preocupa por los diseñadores y desarrolladores web.

Firefox también tiene una enorme colección de extensiones que hacen que el navegador sea más potente para lograr el máximo efecto. Estas son algunas de las mejores extensiones de Firefox que puede utilizar para facilitar su desarrollo web.

Instale, pruebe y utilice la mayoría de estas extensiones. Después de todo, ¡todos son de uso gratuito!

Qué hace: inspecciona páginas web

Firebug es una extensión sin la que los diseñadores y desarrolladores web simplemente no pueden vivir. Esta extensión es como una versión mejorada de la consola de desarrollador integrada que viene con Firefox. Firebug le facilita mucho la inspección de elementos en páginas web y le muestra cómo funcionan las cosas en diferentes sitios.

Adecuado para: desarrolladores web
Qué hace: cliente para Firefox

FireFTP es un cliente FTP/SFTP para Firefox que le permite cargar y transferir archivos de forma segura entre su computadora y el servidor directamente desde su navegador. Con este complemento, nunca más tendrás que saltar entre tu navegador y las aplicaciones del cliente FTP.

Adecuado para: desarrolladores y diseñadores web
Qué hace: analizar y comprobar páginas web.

Es una extensión todo en uno que agrega una serie de herramientas útiles a tu Firefox. Algunas de las herramientas incluidas en este complemento son mostrar y editar hojas de estilos CSS, deshabilitar estilos, herramientas de depuración, etc.

Qué hace: herramienta de análisis de color

ColorZilla es una gran herramienta que los diseñadores web front-end encontrarán muy útil. Este complemento tiene un cuentagotas para elegir rápidamente colores en una página web, un generador de degradado CSS, un analizador de color, paletas de colores y mucho más.

Adecuado para: desarrolladores web
Qué hace: modificar sitios web con código personalizado

Amada por más de un millón de usuarios de Firefox, Greasemonkey es una extensión que te brindará diversión sin fin. Este complemento le permite personalizar sitios web populares editándolos utilizando su propio código JavaScript. También podrás disfrutar de scripts ya creados por otros desarrolladores.

Ideal para: diseñadores de interfaces
Qué hace: ajusta el desplazamiento de los elementos web.

Un complemento simple pero útil que le permite inspeccionar elementos web y ver visualmente cuántos píxeles hay en los elementos, creando una composición con capas transparentes. Con esta composición, puede configurar su página web real para que coincida con la superposición y obtener el mejor resultado sin tener que hacer conjeturas.

Por ejemplo, si una de las imágenes de su página web se superpone a otro objeto, puede usar Pixel Perfect para determinar cuántos píxeles necesita ajustar para colocar esa imagen en el lugar correcto.

Adecuado para: diseñadores web
Qué hace: carga todo desde una página web

Este complemento hace honor a su nombre al permitirle descargar todo desde una página web. Con un clic, puedes descargar todas las imágenes, enlaces y otros datos contenidos en una página web usando esta extensión. El complemento también tiene un acelerador de descargas incorporado que optimiza cuatro veces la velocidad de descarga.

Ideal para: diseñadores de interfaces
Qué hace: consultar páginas web en Internet Explorer

Lo creas o no, hay gente que todavía usa los viejos. Versiones de Internet Explorador para acceder a Internet. Crear sitios que funcionen bien en estos navegadores más antiguos es uno de los problemas con los que todavía luchan los diseñadores web. Este complemento facilita la personalización de diseños web para personas mayores. Navegadores de Internet Explorer, creando una nueva pestaña en IE.

Adecuado para: diseñadores y desarrolladores web
Qué hace: le muestra sobre la tecnología utilizada en el sitio web.

¿Se pregunta qué tecnologías se utilizaron para crear sus sitios web favoritos? Entonces este complemento te será útil. BuiltWith es una extensión que le permite escanear sitios web para encontrar qué tecnologías se utilizan en la página. Una gran herramienta para que todos los aspirantes a diseñadores web aprendan de sitios web ya creados.

Adecuado para: desarrolladores web
Qué hace: activa o desactiva Java

Este complemento le permite habilitar o deshabilitar Java fácilmente en su navegador. También puede desactivar Javascript, Cookies, imágenes animadas, Flash y más en la página web. Este es un complemento útil no solo para desarrolladores, sino también para usuarios comunes para mejorar la seguridad del navegador y reducir el ancho de banda.

Ideal para: diseñadores de interfaces
Qué hace: Mide elementos en píxeles

La función de este complemento es simple, le permite dibujar una regla virtual en la parte superior de una página web o un elemento en una página para medir el ancho, alto o alineación de píxeles del elemento en la página web. MeasureIt es útil para que la mayoría de los desarrolladores front-end creen wireframes.

Adecuado para: diseñadores web
Qué hace: cambia el idioma en el navegador

Esta es una herramienta útil que traduce instantáneamente tu Firefox a otro idioma. Todo lo que hay en tu navegador, incluido interfaz de usuario, el diccionario de corrección ortográfica y el contenido del sitio web se traducirán al idioma que elija. Una gran característica que puede utilizar al desarrollar sitios web multilingües.

Ideal para: diseñadores de interfaces
Qué hace: generar texto ficticio

Crear texto ficticio para las maquetas y prototipos de su nuevo sitio web es una tarea aburrida que probablemente no entretendrá ni siquiera a un solo diseñador. Esta extensión hace que el proceso sea menos aburrido al permitirle generar texto ficticio de Lorem Ipsum directamente desde Firefox.

Adecuado para: desarrolladores web
Qué hace: edita y crea cookies

Este complemento no solo administra las cookies de su sitio, sino que también le permite editar y crear nuevos archivos fácilmente. Algunas de las características del complemento incluyen navegación en línea. galletas, la posibilidad de cambiar el dominio, la posibilidad de editar varias cookies a la vez y mucho más.

Ideal para: diseñadores de interfaces
Qué hace: selecciona colores en una página web

Una herramienta fácil de usar que le permite elegir los colores de cualquier píxel en una página web y copiar fácilmente el código de color RGB o Hex para usarlo en sus propios proyectos. La belleza y la interfaz visual de esta herramienta hacen que sea mucho más fácil para los principiantes aprender sobre los colores en las páginas web.

Adecuado para: diseñadores y desarrolladores web
Qué hace: Brinda información sobre el software utilizado por el sitio web.

Similar al complemento BuiltWith, Wappalyzer es otra extensión útil que le permite averiguar qué software utilizado en el sitio web. Por ejemplo, puede averiguar qué tipo de CMS utiliza el sitio, qué sistema operativo admite el servidor del sitio web y mucho más.

Adecuado para: desarrolladores web
Qué hace: cambia el agente de usuario del navegador.

¿Quiere saber cómo se verá su sitio web en diferentes plataformas y sistemas operativos? Entonces esta es una herramienta que definitivamente te resultará útil. User-Agent Switcher le permite cambiar entre diferentes plataformas como Android, Mac, Windows y sistemas operativos seleccionados para cambiar el agente de usuario de su navegador.

Adecuado para: diseñadores y desarrolladores web
Qué hace: muestra un ejemplo del uso de la pestaña de memoria del navegador.

Este es un complemento útil que le ayudará a determinar cuántos recursos de su computadora utiliza cada pestaña abierta en Firefox. Puede utilizar esta herramienta para averiguar cuántos recursos está utilizando su sitio y optimizarlo para obtener el máximo rendimiento.

Adecuado para: diseñadores web y gráficos.
Qué hace: abre imágenes en Photoshop.

Este complemento hace lo que su nombre dice, simplemente abre con un clic las imágenes que encuentres en una página web con usando photoshop. No es necesario cargar una imagen ni iniciar Photoshop, la extensión hará todo lo que necesite.

Ideal para: diseñadores de interfaces
Qué hace: mejora las tablas HTML

Gráficos, estadísticas, comparaciones, tablas: este complemento puede hacerlo todo. Puede utilizar esta herramienta para crear tablas y diagramas HTML hermosos y fáciles de usar.

Adecuado para: desarrolladores web
Qué hace: cliente SSH para Firefox

Normalmente, necesita instalar una aplicación para ejecutar el terminal SSH. Estas aplicaciones se diferencian en una cosa Sistema operativo de otro. FireSSH, sin embargo, funciona en todas las plataformas siempre que tengas Firefox. La extensión le permite iniciar una terminal SSH directamente desde el navegador.

Ideal para: diseñadores de interfaces
Qué hace: actualiza automáticamente las páginas web

Una de las cosas molestas a las que se enfrentan los diseñadores web cuando desarrollan sitios web es tener que actualizar manualmente la página web después de cada pequeño cambio en el código. Auto Refresh es una extensión que soluciona este problema al permitirle actualizar automáticamente una o más pestañas en Firefox en los intervalos que usted defina.

Ideal para: diseñadores de interfaces
Qué hace: cambia el tamaño de las ventanas de Firefox para resoluciones de pantalla específicas.

Este complemento le permite cambiar el tamaño de su ventana de Firefox a resoluciones específicas para ver cómo se ve su sitio web en diferentes pantallas. Deberá instalar la barra de complementos de Firefox para que esta extensión funcione correctamente.

Adecuado para: diseñadores y desarrolladores web
Qué hace: busca información sobre las fuentes de la página y sus elementos.

Font Finder es una herramienta útil que le permite examinar los elementos del sitio web para descubrir información importante sobre las fuentes utilizadas en la página, como el nombre de la familia de fuentes, el color de la fuente, el interlineado, la decoración y más.

Ideal para: diseñadores de interfaces
Qué hace: comprueba páginas web en diferentes navegadores

La función de este complemento es simple. Le permite abrir instantáneamente cualquier página web que esté viendo en Firefox usando otro navegador con solo un clic. No es necesario copiar las URL, abrir cada navegador uno por uno y pegar las URL para abrir el sitio web.

Adecuado para: diseñadores y desarrolladores web
Qué hace: borra la memoria caché del navegador

Este complemento borra instantáneamente el caché Navegador Firefox(RAM y DISCO) para reducir el uso de recursos informáticos. La extensión le permite borrar el caché simplemente haciendo clic en un botón o presionando la tecla F9 en su teclado. Si desea ver rápidamente los cambios realizados en una página web, este complemento le resultará muy útil.

Con la creciente popularidad del navegador Google Chrome, están surgiendo extensiones que ahorran tiempo a los desarrolladores web al brindarles la capacidad de rastrear errores y problemas de rendimiento del sitio.

A continuación se muestran algunas extensiones útiles para Google Chrome.

Extensión para desarrolladores web

Me gustaría destacar la herramienta más conveniente y poderosa para un desarrollador y diseñador web. - Extensión de desarrollador web para Google Chrome.

La extensión se agrega a la barra de herramientas de Google Chrome en forma de botón con un ícono de ajustes y contiene varias herramientas para desarrollar y depurar un sitio web. Esta es una adaptación oficial del popular, escrita por el mismo desarrollador.

La extensión tiene una gran cantidad de opciones.

Por ejemplo, muchas personas sólo necesitan descubrir el color del elemento en la pantalla del monitor en formato hexadecimal. Para ello, el complemento tiene funcion especial. En la sección Varios, seleccione Selector de color de pantalla.

Al seleccionar Display Color Picker, el cursor se convierte en una cruz. Ahora, al hacer clic en cualquier área de la pantalla en la esquina inferior derecha del navegador se muestra el color en hexadecimal para usar en CSS.