La Caja de herramientas proporciona un único lugar para todas las herramientas de desarrollo que están incorporadas en Firefox.
Puedes abrirla de varias maneras:
- Abriendo el menú Herramientas del navegador, selecciona "Desarrollador web" y después "Inspector" o "Alternar Herramientas".
- haz click en el icono de la llave en la barra de herramientas principal o en el menú hamburguesa y después en "Inspector" o "Alternar Herramientas".
- Activando cualquier herramienta alojada en la barra de herramientas: por ejemplo, el depurador JavaScript o el Inspector de la página.
- Presionando Ctrl + Shift + I en Windows y Linux, o Cmd + Opt + I en OS X. Explora también los atajos de teclado.
Por defecto, la ventana aparece acoplada en la parte inferior de la ventana de Firefox, pero se puede desprender si así lo deseas. 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:
Modo de Docking
Por defecto, la ventana está en la parte inferior de la ventana del navegador, pero puedes fijarla al lateral, o mostrarla en una ventana separada usando los botones de la barra de herramientas.
A partir de Firefox 41 puedes alternar entre los dos últimos que has utilizado pulsando Ctrl + Shift + D en Windows y Linux, o Cmd + Shift + D en OS X.
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:
Selector de Elementos
Empezando por la izquierda, primero hay un botón para activar el selector de elementos (también llamado Selector de nodos o Node picker) que sirve para elegir el elemento de la página que vamos a inspeccionar. Ver Seleccionar un elemento.
Herramientas alojadas en barra de herramientas
Después hay una serie de botones con etiquetas que te permiten cambiar entre las diferentes herramientas alojadas en la barra. La matriz puede incluir las siguientes herramientas:
Ten en cuenta que no siempre se enumeran todas las herramientas alojadas aquí: sólo se muestran las herramientas realmente disponibles en este contexto (por ejemplo, no todas las herramientas soportan la depuración remota, por tanto si el objetivo de la depuración no es la instancia de Firefox que puso en marcha la ventana, no se mostrarán todas las herramientas alojadas).
Herramientas Extra
A continuación están los botones que pueden ponerse o quitarse desde la configuración de la propia barra. Por defecto se incluyen:
- Alternar consola dividida
- Vista de diseño adaptable
- Seleccionar un iframe como el documento actualmente seleccionado (incluído por defecto solo a partir de Firefox 41).
Las siguientes herramientas no están incluídas por defecto, pero puedes incluirlas desde el botón de configuración de la barra de herramientas:
- Resaltar el área pintada
- 3D View (No está disponible en Firefox 40)
- Borrador
- Seleccionar un color de la propia página
- Hacer una captura de pantalla de la página entera: hace una captura de la página web y la guarda en tu directorio de descargas
- Alternar reglas en la página
- Medir parte de la página
Controles de la barra de herramientas
Próximos a la esquina derecha los últimos botones son para:
- Opciones de herramientas da acceso a la configuración de las herramientas para desarrolladores.
- Fijar al lateral de la ventana del navegador: quita la ventana de herramientas de la parte inferior de la ventana del navegador, y la fija al lateral de la ventana del navegador.
- Mostrar en una ventana separada: alternar entre la ventana independiente y fijar a la ventana del navegador.
- Cerrar la ventana.
Settings
Ver la página de configuración de las herramientas de desarrollador.
Panel principal
El contenido de la ventana del panel principal está totalmente controlado por, y es específico de la herramienta alojada actualmente seleccionada.
Atajos de teclado
Estos accesos directos funcionan siempre que la caja de herramientas esté abierta, sin importar qué herramienta esté activa.
| Comando | Windows | macOS | Linux |
|---|---|---|---|
| Recorre las herramientas de izquierda a derecha | Ctrl + ] | Cmd + ] | Ctrl + ] |
| Recorre las herramientas de derecha a izquierda | Ctrl + [ | Cmd + [ | Ctrl + [ |
| Alterna entre la herramienta activa y la configuración. | F1 | F1 | F1 |
|
Alterna caja de herramientas entre los 2 últimos modos de acoplamiento |
Ctrl + Shift + D | Cmd + Shift + D | Ctrl + Shift + D |
| Alterna consola dividida (excepto si la consola es la herramienta seleccionada actualmente) | Esc | Esc | Esc |
| Comando | Windows | macOS | Linux |
|---|---|---|---|
| Incrementa el tamaño de la fuente | Ctrl + + | Cmd + + | Ctrl + + |
| Decrementa el tamaño de la fuente | Ctrl + - | Cmd + - | Ctrl + - |
| Restaura el tamaño por defecto de la fuente | Ctrl + 0 | Cmd + 0 | Ctrl + 0 |