para - Complementos de Firefox

install add on (19)

¿Qué complementos de Firefox usas que son útiles para los programadores?

@ Flávio Amieiro

MeasureIt es una extensión innecesaria si instala la barra de herramientas de Web Developer. Web Developer Toolbar incluye una regla como una de sus características. En la categoría " Miscellaneous " para Desarrollador web, haga clic en la opción " Display Ruler " para usar una regla idéntica a la de MeasureIt.

Eso le permitirá reducir la cantidad de extensiones que necesita al menos una.

Al agregar a listas de todos, Tamper Data es bastante útil, le permite interceptar solicitudes y cambiar los datos en ellas. Se puede usar para evitar la validación de JavaScript y comprobar si el lado del servidor está haciendo lo suyo.

Algunos de los cuales se han perdido arriba están aquí

Load Time Analyzer : vea gráficos detallados del tiempo de carga de las páginas web en Firefox. Los gráficos muestran eventos como solicitudes de página, tiempos de carga de imágenes, etc.
Poster : una herramienta imprescindible para los desarrolladores web que les permite interactuar con servicios web y otros recursos web.
Aardvark : una excelente extensión para desarrolladores y diseñadores web, les permite ver atributos de CSS, identificación y clase al resaltar el elemento de página individualmente.

Aquí están los míos (desarrollador céntrico):

FireBug : una miríada de herramientas para mejorar la productividad, incluye depurador de JavaScript, inspector de DOM, le permite editar CSS / HTML sobre la marcha, que es muy valioso para solucionar problemas de diseño y visualización.
Desarrollador web : una vez más otra gran herramienta de productividad para desarrolladores. Lo uso principalmente para validar páginas rápidamente, deshabilitar javascript (sí, desactivo javascript a veces, ¿no?), Ver cookies, etc.
Tamper Data : le permite alterar encabezados http, valores de formularios, cookies, etc. antes de publicarlos en una página u obtener una página. Increíblemente valioso para pinchar y pinchar sus páginas, y ver cómo responde su aplicación web cuando se utiliza con un propósito levemente malicioso.
Depurador JavaScript : tiene algunas funciones más que el depurador JavaScript provisto por firebug. Aunque debo admitirlo, uso este con moderación ya que firebug en gran medida me ha convencido.
Live HTTP Headers : invaluable para la resolución de problemas, úselo con frecuencia. Permite espiar todos los encabezados HTTP comunicados entre el cliente y el servidor. Me ha ayudado a localizar problemas nefastos, especialmente al resolver problemas al implementar su aplicación web entre entornos.
Header Spy : buen complemento para los tipos geek, muestra el servidor web y la plataforma en la que se ejecuta un sitio web en la barra de estado.
MeasureIt : no uso esto con demasiada frecuencia, pero todavía lo encuentro valioso de vez en cuando.
ColorZilla : de nuevo, no es algo que uso con tanta frecuencia, pero cuando lo necesito, lo necesito. Es valioso cuando desea conocer un color y no desea excavar a través de un archivo CSS, ni abrir una aplicación de edición de gráficos para obtener un color incrustado en alguna imagen.
Agregar N Editar cookies : esta ha sido una gran herramienta de depuración en granjas web donde el equilibrador de carga escribe una cookie y utiliza el valor de la cookie para mantener su sesión "fija". Me permitió cambiar a voluntad entre servidores para rastrear problemas en una máquina específica. También es una buena herramienta si quiere intentar meterse con un sitio que usa cookies para rastrear su estado de inicio de sesión / cuenta, y desea ver cómo responde su código a información mal formada o pirateada.
Yellowpipe Lynx Viewer Tool - Sí, sé lo que piensas , lince, quién lo necesita, es 1994. Pero si estás desarrollando un sitio que necesita tener en cuenta la accesibilidad web (es decir, accesible para usuarios con discapacidad visual que usan lectores de pantalla) , o si necesita tener una idea de cómo un spider / indexador web "ve" su sitio, esta herramienta es invaluable. De acuerdo, siempre puedes salir y tomar Lynx por ti mismo aquí está el puerto de Windows XP que uso .

Tengo un puñado de otros complementos que he usado de vez en cuando y que mencionaré rápidamente: FireFTP (uno que instalé no era estable y no he probado una versión más nueva), Validador Html (también encontré este inestable, menos atrás cuando lo instalé como hace un año), IE Tab (normalmente solo tengo IE y Firefox abiertos al mismo tiempo, pero así soy yo, conozco a muchos otros que consideran que este complemento es útil).

Complementos de Firefox:

FireBug: ayuda a los desarrolladores y diseñadores web a probar e inspeccionar el código front-end. Nos proporciona muchas funciones útiles, como un panel de consola para registrar información, un inspector DOM, información detallada sobre elementos de página y mucho, mucho más.
Desarrollador web: le ofrece la posibilidad de desactivar CSS, editar CSS sobre la marcha, medir ciertas áreas de una página y mucho más.
ColorZilla Simplemente haga clic en el icono, desplace el cursor sobre el área para la que le gustaría saber el color hexadecimal y haga clic.
Window Resizer para asegurarse de que el diseño se muestra correctamente en las resoluciones estándar de hoy.
Total Validator valida sitios web mucho más fácil al verificar HTML, enlaces, CSS y hacer mucho más.

Encuentro que Hackbar es bastante útil. Muy útil si quiere editar la parte de la cadena de consulta de la url, para probar vulnerabilidades, o simplemente otros tipos generales de prueba donde puede terminar con valores de cadena de consulta complicados.

Estaba aprendiendo inspector DOM, pero me cambié a Firebug.

Los que tengo son ...

Para desarrollo web utilizo la barra de herramientas de desarrollador web , CSS Viewer ~~y MeasureIt .~~

Pero realmente no soy uno de los que tiene miles de extensiones para hacer todo. Me gusta mantener las cosas simples.

EDITAR: Gracias a la respuesta de Dan ya no necesito MeasureIt. No puedo creer que nunca haya visto eso! Supongo que tendré que prestar más atención a esta barra de herramientas de WebDeveloper.

Supongo que es una tontería mencionar a Firebug: dudo que ninguno de nosotros pueda vivir sin él. Aparte de eso, uso lo siguiente (solo listado relacionado con dev):

Consola ² : consola de error de próxima generación
Inspector DOM: como el título podría indicar, le permite navegar por el DOM
Editar cookies: cambiar cookies sobre la marcha
Ejecutar JS: ejecución ad-hoc de Javascript
Pestaña IE: renderizar una página en IE
Inspeccionar esto: trae el objeto seleccionado al inspector DOM
JSView: mostrar javascript y CSS vinculados
LORI (Vida de la información de solicitud): muestra cuánto tiempo lleva renderizar una página
Measure IT: una regla emergente.
Parámetros de URL: muestra las variables GET y POST
Desarrollador web: una miríada de herramientas para el desarrollador web

También recomendaría la extensión Web Developer de Chris Pederick.

Uno que no se mencionó aún es esta extensión HTML Validator que encontré muy útil.

Uso Web Developer , ahorra mucho tiempo.

FireFTP es bueno para agarrar / cargar cualquier archivo necesario.

Groundspeed , es útil para probar el código del lado del servidor. Fue creado para pruebas de validación de entrada durante pentest, pero puede ser útil para cualquier prueba que requiera la manipulación de entrada (similar a TamperData).

Le permite controlar los elementos de formulario en la página, puede cambiar su tipo y otros atributos (tamaño, longitud, controladores de eventos de JavaScript, etc.). Entonces, por ejemplo, puede cambiar un campo oculto o una selección a un cuadro de texto y luego ingresar cualquier valor para probar la respuesta del servidor y cosas así.

Fiddler es un gran proxy de depuración. Piénselo como una versión más poderosa del panel "Red" en Firebug o los encabezados HTTP Vivos.

Solía ser una extensión solo de IE, ahora también tiene ganchos en Firefox.

Desarrollador web para desarrollo web. Scribefire si eres un blogger-progammer

En cuanto al desarrollo web, especialmente para javascript, creo que FireBug es invaluable. La barra de herramientas de desarrollador web también es muy útil.

+1 para LORI ("información de la vida de la solicitud"). Es una alternativa muy conveniente para mediciones aproximadas del tiempo de carga de una página web en particular, el tipo de cosas que de otra manera podría usar un cronómetro externo.
Nueva página de inicio de pestañas Combinado con una página de inicio de "marcado rápido" (una página personal de carga rápida de enlaces que usa con frecuencia), le ayuda a llegar más rápido a su destino cuando abre una nueva pestaña del navegador.
LastTab . Cambia el comportamiento de Ctrl + Tab para permitirle navegar hacia adelante y hacia atrás entre las pestañas utilizadas más recientemente con presionar repetidamente Ctrl + Tab, de la misma manera que Alt + Tab funciona en Windows. También proporciona una buena vista de todas las pestañas abiertas mientras Ctrl aún se mantiene presionada para facilitar la navegación. (El comportamiento resultante es muy similar al comportamiento Ctrl + Tab en versiones recientes de Visual Studio).