Complementos de Firefox

Question

¿Qué complementos de Firefox utilizas que sean útiles para los programadores?

Answer 1

Supongo que es una tontería mencionar Firebug; dudo que alguno de nosotros pueda vivir sin él.Aparte de eso, uso lo siguiente (solo enumero lo relacionado con el desarrollador):

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

Answer 2

Aquí están los míos (centrados en el desarrollador):

1. insecto de fuego - una gran variedad de herramientas para mejorar la productividad, incluye depurador de JavaScript, inspector DOM, le permite editar CSS/HTML sobre la marcha, lo cual es muy valioso para solucionar problemas de diseño y visualización.

2. Desarrollador web - nuevamente otra gran herramienta de productividad para desarrolladores.Lo uso principalmente para validar páginas rápidamente, deshabilitar JavaScript (sí, a veces desactivo JavaScript, ¿no?), ver cookies, etc.

3. Alteración de datos - le permite alterar encabezados http, valores de formulario, cookies, etc.antes de volver a publicar en una página o de obtener una página.Increíblemente valioso para hurgar y pinchar en sus páginas y ver cómo responde su aplicación web cuando se usa con intenciones levemente maliciosas.

4. Depurador de JavaScript - Tiene algunas características más que el depurador de JavaScript proporcionado por Firebug.Aunque debo admitir que uso este con moderación ya que Firebug me ha conquistado en gran medida.

5. Encabezados HTTP en vivo - invaluable para solucionar problemas, úselo con frecuencia.Le permite espiar todos los encabezados HTTP comunicados entre el cliente y el servidor.Me ha ayudado a localizar problemas nefastos, especialmente al depurar problemas al implementar su aplicación web entre entornos.

6. Espía de encabezado - Buen complemento para los tipos geek, le muestra el servidor web y la plataforma en la que se ejecuta un sitio web en la barra de estado.

7. Mídelo - No uso esto con mucha frecuencia, pero aún así lo encuentro valioso de vez en cuando.

8. ColorZilla - Nuevamente, no es algo que uso con tanta frecuencia, pero cuando lo necesito, lo necesito.Es valioso cuando desea conocer un color y no desea profundizar en un archivo CSS o abrir una aplicación de edición de gráficos para incrustar un color en alguna imagen.

9. Agregar N Editar cookies - Esta ha sido una excelente 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 localizar problemas en una máquina específica.También es una buena herramienta si quieres intentar alterar un sitio que utiliza cookies para rastrear tu estado de inicio de sesión/cuenta y quieres ver cómo responde tu código a información mal formada o pirateada.

10. Herramienta de visualización de lince de Yellowpipe - Sí, sé lo que piensas, lince, quién lo necesita, es tan de 1994.Pero si está desarrollando un sitio que necesita tener en cuenta la accesibilidad web (es decir, accesible para usuarios con discapacidad visual que utilizan lectores de pantalla), o si necesita tener una idea de cómo un indexador/araña web "ve" su sitio, esta herramienta es invaluable.Por supuesto, siempre puedes salir y agarrar a Lynx para ti.Aquí está el puerto de Windows XP que uso..

Tengo algunos otros complementos que he usado de vez en cuando y que mencionaré rápidamente:FireFTP (uno que instalé no era estable y no probé una versión más reciente), Html Validator (también encontré este inestable, al menos cuando lo instalé hace como un año), IE Tab (normalmente solo tengo IE y Firefox se abre al mismo tiempo, pero soy solo yo, conozco a muchos otros que encuentran útil este complemento).

Answer 3

También recomendaría el Desarrollador web extensión de Chris Pederick.

Answer 4

En cuanto al desarrollo web, especialmente para javascript, encuentro insecto de fuego ser invaluable. Barra de herramientas para desarrolladores web También es muy útil.

Answer 5

Los que tengo son...

• Y-Lento
• Encabezados en vivo
• insecto de fuego
• Inspector Dom

Answer 6

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

Answer 7

@Flávio Amieiro

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

Eso le permitirá reducir la cantidad de extensiones necesarias en al menos una.

Answer 8

Complementos de Firefox:

1. 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 los elementos de la página y mucho, mucho más.

2. Web Developer: le brinda el poder de desactivar CSS, editar CSS sobre la marcha, medir ciertas áreas de una página y mucho más.

3. Colorzilla simplemente haga clic en el icono, pasee el área sobre el área para el que le gustaría saber el color hexadecimal y haga clic.

4. RESIVADOR DE VENTANA para asegurarse de que el diseño se muestre correctamente en las resoluciones estándar de hoy.

5. Los sitios web de validador total de validados son mucho más fáciles verificando HTML, enlaces, CSS y haciendo mucho más.

Answer 9

Desarrollador web para el desarrollo web. escribafuego si eres blogger-programador

Answer 10

Para el desarrollo web utilizo el Barra de herramientas para desarrolladores web, Visor CSS y Mídelo.

Pero realmente no soy de los que tienen mil extensiones para hacerlo 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.

Answer 11

Agregando a las listas de todos, Alteración de datos es bastante útil, le permite interceptar solicitudes y cambiar los datos que contienen.Se puede utilizar para omitir la validación de JavaScript y comprobar si el lado del servidor está haciendo lo suyo.

Answer 12

yo suelo Desarrollador web, es un verdadero ahorro de tiempo.

Answer 13

• +1 para LORI ("vida-de-solicitud-información").Es una alternativa muy conveniente para mediciones aproximadas del tiempo de carga de una página web en particular, el tipo de cosas para las que de otro modo se podría usar un cronómetro externo.

• Página de inicio de nueva pestaña.Combinado con una página de inicio de tipo "marcación rápida" (una página personal de enlaces de carga rápida que utiliza con frecuencia), le ayuda a llegar más rápido a su destino cuando abre una nueva pestaña del navegador.

• Última pestaña.Cambia el comportamiento de Ctrl+Tab para permitirle navegar hacia adelante y hacia atrás entre las pestañas utilizadas más recientemente presionando 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 se mantiene presionada la tecla Ctrl para facilitar la navegación.(El comportamiento resultante es muy similar al comportamiento Ctrl+Tab en versiones recientes de Visual Studio).

Answer 14

FuegoFTP es bueno para capturar/cargar cualquier archivo necesario.

Answer 15

Hackbar me parece bastante útil.Muy útil si desea editar la parte de la cadena de consulta de la URL, para probar vulnerabilidades o simplemente otros tipos de pruebas en general en las que podría terminar con valores de cadena de consulta complicados.

Answer 16

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

Answer 17

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

• Analizador de tiempo de carga – Ver gráficos detallados del tiempo de carga de páginas web en Firefox.Los gráficos muestran eventos como solicitudes de páginas, tiempos de carga de imágenes, etc.

• Póster – Una herramienta imprescindible para los desarrolladores web que les permite interactuar con servicios web y otros recursos web.

• Cerdo hormiguero – Una extensión interesante para desarrolladores y diseñadores web que les permite ver atributos CSS, identificación y clase resaltando los elementos de la página individualmente.

Answer 18

Violinista es un proxy de depuración realmente excelente.Piense en ello como una versión más poderosa del panel "Net" en Firebug o los encabezados HTTP en vivo.

Solía ​​ser una extensión sólo para IE, ahora también tiene conexiones con Firefox.

Answer 19

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

Le permite controlar los elementos del 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í.