Extensiones de Chrome para el desarrollo web

Jueves, 27 de mayo de 2010

Las Herramientas para desarrolladores de Chrome son ideales para depurar HTML, JavaScript y CSS en Chrome. Si estás escribiendo una página web o incluso una aplicación web para Chrome Web Store, puedes inspeccionar elementos en el DOM, depurar JavaScript en tiempo real y editar estilos de CSS directamente en la página en la que te encuentres. Las extensiones pueden hacer que Google Chrome sea un entorno de desarrollo web aún mejor porque proporcionan funciones adicionales a las que puedes acceder fácilmente en tu navegador. Para ayudar a desarrolladores como tú, creamos una página que presenta extensiones para el desarrollo web. Esperamos que te resulten útiles para crear aplicaciones y sitios para la Web.

extensión de Chrome Speed Tracer

Por ejemplo, Speed Tracer es una extensión que te ayuda a identificar y solucionar problemas de rendimiento en tus aplicaciones web. Con Speed Tracer, puedes tener una mejor idea de dónde los usuarios invierten tiempo en tu aplicación y solucionar problemas relacionados con el análisis y la ejecución de JavaScript, el estilo de CSS y mucho más.

extensión de Chrome de Resolution Test

Otra extensión útil es Resolution Test, que cambia el tamaño de la ventana del navegador para que los desarrolladores web puedan obtener una vista previa de los sitios web en diferentes resoluciones de pantalla. También incluye una lista de resoluciones de uso común, así como una opción personalizada para ingresar las que desees.

extensión de Chrome Web Developer

Con la extensión Web Developer, puedes acceder a herramientas adicionales para desarrolladores, como opciones de validación, cambio de tamaño de páginas y visualización de elementos CSS, todo desde un botón adicional en la barra de herramientas.

extensión Chrome Editor

Otra extensión que deberías probar es Chrome Editor, que te permite codificar fácilmente dentro del navegador para que no tengas que alternar entre este y el editor de código. También puedes guardar una referencia de código localmente en tu computadora para usarla más tarde.

Estas son solo algunas de las extensiones que puedes encontrar en nuestra página de desarrollo web. También puedes buscar más en la galería de extensiones.