La Caja de herramientas proporciona un único lugar para todas las herramientas de desarrollo que están incorporadas en Firefox. Puede abrirlo seleccionando la marca "Barra de desarrolladores" en el menú "Desarrollador Web" (en "Herramientas" en OS X y Linux, o "Firefox" en Windows), o mediante la activación de cualquier herramienta alojada en el mismo (por ejemplo, el depurador JavaScript o el Inspector de la página).
Por defecto, la ventana aparece acoplada en la parte inferior de la ventana de Firefox, pero se puede desprender si así lo desea. Esto es lo que parece cuando está acoplado:
La ventana está dividida en dos partes: una barra de herramientas en la parte superior y un panel principal inferior:
Barra de herramientas
La barra de herramientas contiene los controles para activar una herramienta en particular, para fijar / flotar la ventana, y para cerrar la ventana:
En el extremo izquierdo hay una fila de botones para:
- cerrar la ventana
- alternar entre la ventana fija a la parte inferior de la ventana del navegador, y fija al lado de la ventana del navegador
- alternar entre la ventana independiente y fijar a la ventana del navegador
- acceso a los ajustes de la herramienta para programadores
Luego hay una serie de botones con la etiqueta que le permite cambiar entre las diferentes herramientas organizadas por la ventana. La matriz puede incluir las siguientes herramientas:
Tenga en cuenta que no todas las herramientas alojadas siempre se enumeran aquí: sólo se muestran las herramientas realmente disponibles en este contexto (por ejemplo, no todas las herramientas de apoyo a la depuración remota, sin embargo, por lo que si el objetivo de la depuración no es la instancia de Firefox que puso en marcha la ventana, no todas las herramientas alojadas serán presentados).
Por último, los iconos del extremo derecho permiten poner en marcha diversas herramientas cuya interfaces de usuario no son recibidos por la Caja de herramientas:
Configuraciones
Al hacer clic en el botón "Configuraciones" le permite acceder a la configuración de la propia caja de herramientas y de las herramientas que alberga:
Por defecto Firefox Herramientas de Desarrollo
Este grupo de casillas de verificación determina qué herramientas están habilitadas en la caja de herramientas. Las nuevas herramientas se incluyen con frecuencia en Firefox, pero no está activado de forma predeterminada.
Elija DevTools tema
Esto le permite cambiar entre tema claro u oscuro:
Inspector
Este ajuste está disponible en Firefox 27 en adelante
Unidad de color por defecto: un valor para controlar cómo se representan los colores de la inspección: Hex, HSL(A), RGB(A), y por su nombre.
Consola Web
Habilitar registros persistentes: una configuración para controlar si la consola borra la salida cuando se navega a una página nueva..
Analizador JavaScript
Mostrar datos de la plataforma Gecko: una opción para controlar si los perfiles deben incluir Gecko símbolos de plataforma.
Configuraciones avanzadas
- Desactivar JavaScript: recargar la pestaña actual con JavaScript desactivado
- Activar depurador chrome: le permiten utilizar herramientas de desarrollo en el contexto del navegador en sí, y no sólo el contenido web
- Activar depuración remota: permitir a las herramientas de desarrollo depurar instancias de Firefox remotas
Panel principal
El contenido de la ventana del panel principal está totalmente controlado por, y específico para, seleccionar la herramienta alojada.