¿Alguien puede sugerir algunas buenas herramientas/extensiones de complementos para ayudar con el desarrollo? Tengo firebug instalado en Firefox que es ideal para tratar con CSS, HTML y JavaScript; ¿cualquier otra sugerencia?Recomendaciones para herramientas complementarias del navegador para ayudar con el desarrollo
Firefox:
Editar: Se trata además de la Web Development Toolbar mencionado por otros
La otra herramienta imprescindible para Firefox es Chris Pederick de Web Developer Toolbar.
consola de desarrollo de y DOM instantánea para Opera:
Awesomeness es que estos son los bookmarklets implementados con JS. La succión es que requieren Internetz.
Para Firefox:
Firebug es impresionante para la investigación y el desarrollo.
Web Developer Toolbar es bueno también. Realmente ayuda con CSS y el diseño de página, así como mucho más.
También uso Live HTTP Headers (creo que se llama, pero está en mi máquina de trabajo, por lo que no puedo encontrar el enlace ahora). Lo cual nos ha ayudado con problemas de almacenamiento en caché y cosas por el estilo.
Tengo un montón de desarrollo de teléfonos móviles, así que también uso UserAgent Switcher. Muy útil para pretender ser teléfonos móviles diferentes.
Tiendo solo el uso de Firefox para el desarrollo, y simplemente probar en otros navegadores ya que la mayoría no tiene la amplia gama de complementos para ayudar al desarrollo que Firefox hace.
Definitivamente debe instalar Safari. Tiene una serie de herramientas integradas. Lo uso en combinación con otros navegadores todo el tiempo.
Además de que le permite configurar el agente de usuario para sus peticiones.
Considere esto, tiene un menú de nivel superior llamado Develop.
En caso de IE, junto herramientas pueden ser útiles
La extensión "súper" para IE - "Herramientas de Desarrollo", proporcionado como parte de IE8
Firefox:
Inspeccionar Esto si se utiliza el inspector DOM en absoluto
Medida Es por decir que pixel distancias (si es necesario que)
IE View o Safari Ver para facilitar la prueba en otros navegadores
Validador HTML si se preocupan por la validación
Console2 para mejorar su consola de errores js
el bookmarklet Javascript Shell también es útil (y mirar a los otros allí también)
Esto se suma a la barra de herramientas de desarrollo web mencionado por otros
Esta lista de Cebjyre está casi completa (ya que FireBug ya se mencionó en la pregunta). Solo agregaría Tamperdata. De vez en cuando es muy útil.
Opera tiene:
libélula (herramientas -> Opciones avanzadas -> herramientas de desarrollo)
UserJS methods for intercepting things
opera: config # CompatMode% 20Override para forzar peculiaridades o normas de modo
Puede ver el origen de los archivos, editarlos, aplicar cambios y volver a cargar desde el caché.
Aparte de las excelentes herramientas ya mencionadas, creo que Charles es extremadamente útil. Especialmente porque hago mucho trabajo con Flash Remoting que maneja excelentemente.
Charles es un proxy HTTP/monitor HTTP/Reverse Proxy que permite a un desarrollador ver todo el tráfico HTTP entre su máquina e Internet. Esto incluye solicitudes, respuestas y los encabezados HTTP (que contienen las cookies y la información de almacenamiento en caché).
Charles puede actuar como intermediario para la comunicación HTTP/SSL, lo que le permite depurar el contenido de sus sesiones HTTPS.
Es una plataforma cruzada, cuesta $ 50, pero hay una evaluación de "30 minutos por sesión" que puede descargar.
Esto es lo que yo uso:
Firefox:
IE cambio de tamaño:
Otra información:
Aquí está mi orientadas al desarrollo complementos para Firefox 3:
YSlow es un complemento de Firebug dulce para solucionar problemas de tiempo de carga de una página.