¿Qué complementos del navegador de desarrollo web encuentras útiles?

Question

Me parece que cuando estoy haciendo desarrollo web hay algunos plugins de navegador que me son muy útiles.

Para Firefox estoy usando:

Firebug - Gran para la inspección de los elementos HTML y trabajar con CSS.

YSlow for Firebug - Desarrollado por Yahoo! y da tiempo y consejos sobre los recursos de la página.

Live HTTP headers - Le permite inspeccionar los encabezados que se envían a su navegador.

Para IE estoy usando:

Fiddler - "una web proxy de depuración que registra todo el tráfico HTTP (S) entre el ordenador e Internet"

siempre estoy buscando para otras grandes herramientas a utilizar . Entonces, ¿qué están usando todos los demás?

Answer 1

IE Developer Toolbar
Venkman debugger for Firefox

Answer 2

Además de lo que se tiene:

Web Developer toolbar añade un montón de funcionalidades extra (galleta, la forma, la inspección de imagen, visualización generada DOM, etc).

HTML Validator - excelente para una verificación rápida para asegurarse de que sus páginas sean válidas. También es bueno cuando hay errores de visualización, puede ver rápidamente si se trata de HTML generado incorrectamente.

ColorZilla - Utilizo esto mucho para tirar de los colores exactos de una página al portapapeles.

Answer 3

Fireshot - toma capturas de pantalla y las anota de forma conveniente, útil.

Answer 4

Firecookie y console 2

Answer 5

¿Qué hay de twitterfox para ayudar gorjeo con colegas desarrolladores y amigos.

Answer 6

Extended Statusbar modifica la barra de estado para mostrar la velocidad, porcentaje, hora y tamaño cargado (útil para ver cómo se están cargando muchas imágenes, peso de la página, etc.)

ShowIP muestra la dirección IP de la página actual en la barra de estado

external IP muestra su dirección IP externa en la barra de estado

en una nota lateral, que también les resulta útil ejecutar estas extensiones en FirefoxPortable, por lo que tengo una configuración del navegador específicamente para el trabajo de desarrollo ingenio h las extensiones pertinentes instaladas, y para evitar ralentizar o desestabilizar mi buscador principal (ej. Firebug solía colgar mi navegador todo el tiempo al acceder a Gmail).

Answer 7

URL Params (extensión de Firefox) para ver los parámetros POST y GET de una página web. Útil para verificar sus formularios.

Answer 8

MeasureIt

Para obtener el tamaño exacto de los elementos prestados en una página en FF.

Answer 9

HttpFox

Answer 10

Firebug - También me permite ver las solicitudes de JS que se envían de una página a otra, y que se están enviando datos.
- Puedo ver los datos dentro de las variables JS
- Reemplaza la Consola de error. También muestra en la estatua si ha encontrado un error, por lo que puedo inspeccionarlo.
- Es bueno para ver la estructura del html al desarrollar la aplicación AJAX.

Answer 11

El que le impide acceder a StackOverflow es bastante útil.

Answer 12

Todos estos son complementos de Firefox.

• Firebug para la depuración de Javascript y CSS. Firebug permite, por ejemplo, examinar el árbol DOM mientras que javascript lo modifica. Firebug es mi herramienta principal.

• Live HTTP Headers para ver qué datos están realmente dentro de la solicitud y las respuestas.

• Web Developer toolbar contiene utilidades más pequeñas. Por ejemplo, puede validar html y CSS.

• Dust Me Selectors encuentra qué piezas de CSS no se utilizan.