initial commit

1 files changed, 105 insertions, 0 deletions

diff --git a/files/es/tools/tools_toolbox/index.html b/files/es/tools/tools_toolbox/index.html
new file mode 100644
index 0000000000..ff2f3c4481
--- /dev/null
+++ b/files/es/tools/tools_toolbox/index.html
@@ -0,0 +1,105 @@
+---
+title: Caja de herramientas
+slug: Tools/Tools_Toolbox
+tags:
+  - Guía
+  - Herramientas
+translation_of: Tools/Tools_Toolbox
+---
+<p>La Caja de herramientas proporciona un único lugar para todas las herramientas de desarrollo que están incorporadas en Firefox.</p>
+
+<p>Puedes abrirla de varias maneras:</p>
+
+<ul>
+ <li>Abriendo el menú Herramientas del navegador, selecciona "Desarrollador web" y después "Inspector" o "Alternar Herramientas".</li>
+ <li>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".</li>
+ <li>Activando cualquier herramienta alojada en la barra de herramientas: por ejemplo, el depurador JavaScript o el Inspector de la página.</li>
+ <li>Presionando <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> en Windows y Linux, o <kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd> en OS X. Explora también los <a href="https://developer.mozilla.org/es/docs/Tools/Keyboard_shortcuts">atajos de teclado</a>.</li>
+</ul>
+
+<p>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:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/6923/toolbox.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<p>La ventana está dividida en dos partes: una barra de herramientas en la parte superior y un panel principal inferior:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/6925/toolbox-annotated-29.png" style="display: block; height: 471px; margin-left: auto; margin-right: auto; width: 876px;"></p>
+
+<h2 id="Modo_de_Docking">Modo de Docking</h2>
+
+<p>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 <a href="/es/docs/Tools/Tools_Toolbox#Toolbox_controls">botones de la barra de herramientas</a>.</p>
+
+<p> A partir de Firefox 41 puedes alternar entre los dos últimos que has utilizado pulsando <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>D</kbd> en Windows y Linux, o <kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>D</kbd> en OS X.</p>
+
+<h2 id="Barra_de_herramientas">Barra de herramientas</h2>
+
+<p>La barra de herramientas contiene los controles para activar una herramienta en particular, para fijar / flotar la ventana, y para cerrar la ventana:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/7913/toolbox-toolbar-annotated.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<h3 id="Selector_de_Elementos">Selector de Elementos</h3>
+
+<p>Empezando por la izquierda, primero hay un botón para activar el selector de elementos (también llamado <em>Selector de nodos</em> o <em>Node picker</em>) que sirve para elegir el elemento de la página que vamos a inspeccionar. Ver <a href="https://developer.mozilla.org/es/docs/Tools/Page_Inspector/How_to/Select_an_element">Seleccionar un elemento</a>.</p>
+
+<h3 id="Herramientas_alojadas_en_barra_de_herramientas">Herramientas alojadas en barra de herramientas</h3>
+
+<p>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:</p>
+
+<ul>
+ <li><a href="/es/docs/Tools/Page_Inspector" title="/en-US/docs/Tools/Page_Inspector">Inspector de página</a></li>
+ <li><a href="/es/docs/Tools/Web_Console" title="/en-US/docs/Tools/Web_Console">Consola</a></li>
+ <li><a href="/es/docs/Tools/Debugger" title="/en-US/docs/Tools/Debugger">Depurador </a></li>
+ <li><a href="/es/docs/Tools/Style_Editor" title="/en-US/docs/Tools/Style_Editor">Editor de Estilos</a></li>
+ <li><a href="/es/docs/Tools/Profiler" title="/en-US/docs/Performance/Profiling_with_the_Built-in_Profiler">Analizador</a></li>
+ <li><a href="/es/docs/Tools/Network_Monitor" title="/en-US/docs/Performance/Profiling_with_the_Built-in_Profiler">Monitor de red</a></li>
+</ul>
+
+<p>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).</p>
+
+<h3 id="Herramientas_Extra">Herramientas Extra</h3>
+
+<p>A continuación están los botones que pueden ponerse o quitarse desde la <a href="#Settings">configuración de la propia barra</a>. Por defecto se incluyen:</p>
+
+<ul>
+ <li><a href="/es/docs/Tools/Web_Console#The_split_console">Alternar consola dividida</a></li>
+ <li><a href="/es/docs/Tools/Responsive_Design_View">Vista de diseño adaptable</a></li>
+ <li><a href="/es/docs/tools/Working_with_iframes">Seleccionar un iframe como el documento actualmente seleccionado</a> (incluído por defecto solo a partir de Firefox 41).</li>
+</ul>
+
+<p>Las siguientes herramientas no están incluídas por defecto, pero puedes incluirlas desde el botón de <a href="#Settings">configuración de la barra de herramientas</a>:</p>
+
+<ul>
+ <li><a href="/es/docs/Tools/Paint_Flashing_Tool" title="/en-US/docs/Tools/HIghlight_Painted_Area">Resaltar el área pintada</a></li>
+ <li><a href="/es/docs/Tools/3D_View" title="/en-US/docs/Tools/3D_View">3D View</a> (No está disponible en Firefox 40)</li>
+ <li><a href="/es/docs/Tools/Scratchpad" title="/en-US/docs/Tools/Scratchpad">Borrador</a></li>
+ <li><a href="/es/docs/Tools/Eyedropper">Seleccionar un color de la propia página</a></li>
+ <li>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</li>
+ <li><a href="/es/docs/Tools/Rulers">Alternar reglas en la página</a></li>
+ <li>Medir parte de la página</li>
+</ul>
+
+<h3 id="Controles_de_la_barra_de_herramientas">Controles de la barra de herramientas</h3>
+
+<p>Próximos a la esquina derecha los últimos botones son para:</p>
+
+<ul>
+ <li><a href="#Settings">Opciones de herramientas</a> da acceso a la configuración de las herramientas para desarrolladores.</li>
+ <li>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.</li>
+ <li>Mostrar en una ventana separada: alternar entre la ventana independiente y fijar a la ventana del navegador.</li>
+ <li>Cerrar la ventana.</li>
+</ul>
+
+<h2 id="Settings_2"><a name="Settings">Settings</a></h2>
+
+<p>Ver la página de <a href="/es/docs/Tools/Settings">configuración de las herramientas de desarrollador</a>.</p>
+
+
+<h2 id="Panel_principal">Panel principal</h2>
+
+<p>El contenido de la ventana del panel principal está totalmente controlado por, y es específico de la herramienta alojada actualmente seleccionada.</p>
+
+<h2 id="Atajos_de_teclado">Atajos de teclado</h2>
+
+<p>{{ Page ("es/docs/tools/Keyboard_shortcuts", "toolbox-shortcuts") }}</p>
+
+<p>{{ Page ("es/docs/tools/Keyboard_shortcuts", "all-toolbox-tools") }}</p>