Las extensiones se utilizan para cambiar los comportamientos generales de todo el navegador. Podría aplicarse a todos los sitios web y las pestañas que se abren. Extensiones de jugar con el núcleo del navegador y ayudar revelador ver cómo algunos de los sitio web complejo alrededor de la web se está construyendo. Muchos desarrolladores también utilizan extensiones de Chrome para optimizar sus propias páginas web, así como los tiempos de carga de sus páginas web. En este post vamos a publicar 25 Extensiones Chrome más útiles para desarrolladores y diseñadores web . Espero que esto te puede ayudar a sacar el máximo provecho del navegador y le ayudará a mejorar su capacidad de desarrollador web.
IPvFoo
Resume IPv4, IPv6, y la información HTTPS para todas las conexiones hechas por la página web actual.
Depurador jQuery
Cómodamente inspeccionar los selectores de jQuery, y ver sus elementos coincidentes aparezcan en cualquier página web. Esta extensión está diseñada para ayudarle a entender fácilmente, incluso los selectores más complejos.
PerfectPixel por WellDoneCode
Esta extensión permite a los desarrolladores para poner una superposición de imagen semi-transparente sobre la parte superior del HTML desarrollado y realizar por comparación de píxeles entre ellos. Analógica de la popular PixelPerfect extensión para Firefox.
jquery-inyector
Haga clic en la barra de herramientas y jQuery han inyectado en la página actual. Usted puede comprobar para la inserción exitosa, mediante la ejecución de “jQuery” comando en la consola javascript.
PageEdit
Convierte tu navegador en un editor WYSIWYG HTML.
Wappalyzer
Wappalyzer es una extensión para el navegador que descubre las tecnologías utilizadas en los sitios web.Detecta los sistemas de gestión de contenidos, tiendas web, servidores web, los marcos de JavaScript, herramientas analíticas y muchos más.
PageSpeed Insights (de Google)
Las extensiones PageSpeed Insights navegador, disponibles para Chrome y Firefox, que le permite evaluar el rendimiento de sus páginas web y para obtener sugerencias sobre cómo mejorarlos.
Web Developer
La extensión Web Developer agrega un botón de barra de herramientas al navegador con varias herramientas de desarrollo web.
Adobe Edge Inspeccione
Adobe Edge Comprobar (antes Adobe Shadow) es para los diseñadores y desarrolladores web que están dirigidas a los navegadores móviles.
Resolución de prueba
Prueba de resolución cambia el tamaño de la ventana del navegador para que los desarrolladores previsualizar sus sitios web en diferentes resoluciones de pantalla. Incluye una lista de resoluciones comúnmente usados y la capacidad de personalizar la lista. Esto podría ser utilizado en el desarrollo de sitios web sensibles!
Color Picker
Esta extensión todavía no funcionen como se esperaba en el mac, usted tendrá que usar el botón de pop-out para poner la vista preliminar en su propia ventana.
Cinta
La cinta es una herramienta para el desarrollo de sitios web pixel-perfect. Te permite poner guías que se acoplan de forma inteligente al contenido de la página (y se adhieren a ella si se mueve el desplazamiento o cambio de tamaño), y le ayuda a medir las posiciones y tamaños de los elementos. Se sabe de fronteras y el relleno, e incluso se ajustará a la línea de base del texto.
Propiedades del menú contextual de imagen
Una extensión del menú contextual simple de mostrar las propiedades de una imagen.
Firebug Lite
Firebug Lite no es un sustituto de Firebug, o Herramientas para desarrolladores de Chrome. Se trata de una herramienta para ser utilizada en conjunción con estas herramientas. Firebug Lite proporciona la representación visual rico que estamos acostumbrados a ver en Firebug cuando se trata de elementos HTML, los elementos DOM y sombreado modelo de caja. Se ofrece también algunas características interesantes como la inspección de elemements HTML con el ratón, y vivir editar las propiedades CSS
Screen Ruler Ruul
Una fantásticamente sencilla en pantalla regla para alinear y medir el tipo, altura de línea, los accidentes cerebrovasculares y casi cualquier cosa en la web.
IE Tab
Muestra las páginas web usando IE en Chrome. Compatible con los controles ActiveX, Sharepoint, ICBC, alipay.
Pendule
Buscar por imagen (por Google)
Esta extensión le permite iniciar una búsqueda en Google utilizando cualquier imagen en la web. Esta extensio es desarrollado por el equipo de Google Imágenes.
WhatFont
La forma más sencilla de identificar las fuentes en las páginas web.
Editor de Formulario
Una extensión para la edición de solicitud personalizado (GET o POST) al servidor web.
Check My Links
Check My Links es un comprobador de enlaces que se arrastra a través de su página web y busca los enlaces rotos. Ideal para fines de SEO
ColorPicker 0.9
Elige el color de la página web actual o cambian de color (s) de cualquier elemento en el DOM.
Awesome Screenshot
Captura toda la página o cualquier porción, anotar con rectángulos, círculos, flechas, líneas y texto, información sensible, la falta de definición con un solo clic …
Árbol XML
Muestra los datos XML en una forma amigable.
Dr.Web Anti-Virus Link Checker
Analiza enlaces HTML con Dr.Web Online Anti-Virus utilizando un elemento de menú de contexto. Autoscans Facebook, Vk.com, enlaces Google+ Social Network.
Vía | artatm.com