Cree el perfil de desarrollo web definitivo de Firefox

Crear perfil separado para desarrollo web La instalación de todas estas herramientas de desarrollo convertirá a Firefox en un navegador muy pesado, por lo que primero debemos crear un nuevo perfil para Firefox.

Cuando se configura correctamente, Firefox puede convertirse en la herramienta de desarrollo web definitiva, dándole acceso directo a la página en la que está trabajando para que pueda diseñar su página en tiempo real, depurar javascript o incluso editar el html.

Crear perfil separado para desarrollo web

La instalación de todas estas herramientas de desarrollo convertirá a Firefox en un navegador muy pesado, por lo que primero debemos crear un nuevo perfil para Firefox.

Puede iniciar un perfil separado al mismo tiempo que su perfil normal creando un nuevo acceso directo con estos argumentos, reemplazando WebDev con el nombre de su perfil. También hay una explicación más detallada de cómo hacer esto.

firefox.exe -P WebDev -no-remote

Ahora que tiene Firefox configurado con un perfil separado solo para desarrollo web, echemos un vistazo a las extensiones que podemos usar para convertir a Firefox en la mejor herramienta de desarrollo web.

Extensiones de desarrollo web imprescindibles

Estas son todas las extensiones que uso regularmente para el desarrollo web.

Firebug

Firebug es la extensión más poderosa para depurar javascript, ver CSS y html. Puede realizar cambios dinámicos en el código y CSS, y usarlo para depurar su código Ajax. Es realmente la mejor extensión que existe.

Extensión para desarrolladores web

Una de las mejores extensiones por x años consecutivos. Esto es imprescindible para cualquier desarrollador, pero ya lo ha escuchado.

Extensión Aardvark

Esta extensión es una extensión muy liviana que le mostrará fácilmente los elementos en la página y su clase/identificación asignada. Es más fácil de usar que la extensión de desarrollador web para aquellos momentos en los que solo necesita la información rápida para un elemento. También puede usarlo para eliminar elementos de la página.

Colorzilla

Selecciona colores fácilmente. No más dolor de encontrar colores incrustados en algún lugar de una hoja de estilo.

Ver código fuente con

Puede configurar múltiples perfiles de origen de vista para abrir el origen en diferentes aplicaciones.

Validador de HTML

Esta extensión le permite validar fácilmente el HTML de su página y se instala en el panel Ver código fuente.

Greasemonkey

No es exactamente una extensión de desarrollador web, pero Greasemonkey es increíble, sobre todo por la capacidad de automatizar acciones que se realizan comúnmente, lo que es un gran ahorro de tiempo para los desarrolladores web.

Mídelo

Mida fácilmente una distancia en la pantalla con esta extensión. Una vez que haya medido un área, puede arrastrar el rectángulo alrededor de la pantalla para usarlo como comparación.

Vista IE / Pestaña IE /OperaView / FirefoxView / Vista de Safari / IE View Lite

Estas extensiones (elija) le permiten ver fácilmente la página actual en diferentes navegadores. IE Tab incluso le permitirá ejecutar IE dentro de una pestaña, si así lo desea.

Botón Borrar caché

Borra el caché. Especialmente útil para verificar nuevos cambios de CSS.

Reiniciar Firefox

La extensión Reiniciar Firefox es muy útil para cerrar y reiniciar Firefox con todas las pestañas y sesiones intactas.

Tab Mix Plus

La extensión Tab Mix Plus es una gran extensión en general, pero tiene algunas características esencialmente útiles para desarrolladores web: Duplicar pestaña y Copiar URL de pestaña.

YSlow

La extensión YSlow es una nueva extensión de Yahoo que analizará su página y le dirá dónde está cometiendo errores. Incluso le dará una calificación en el rendimiento de su sitio. Notará el pequeño indicador en la esquina inferior derecha … le indica el tamaño total de su página, así como el tiempo de carga. Extensión muy útil, pero requiere la extensión Firebug.

Dummy Lorem Ipsum

La extensión del generador de Dummy Lipsum generará contenido ficticio para usted basado en el famoso texto de Lorem Ipsum que es muy útil para diseñar contenido falso en su sitio.

Captura de pantalla!

La extensión Screengrab le permitirá tomar capturas de pantalla de páginas, pero puede hacer algo que una herramienta de captura de pantalla normal no puede hacer: puede tomar una imagen de toda la página, no solo la parte visible.

Hay toneladas de otras extensiones que puedes usar, pero estas son las mejores de todas las que he visto. Si tiene otra extensión que usa regularmente, deje una mención en los comentarios.

En este punto, ahora ha convertido a Firefox en la herramienta de desarrollo web definitiva. Tómese el tiempo para aprender a usar Firebug especialmente.

Rate article
labsfabs.com
Add a comment