Herramientas
Desde el menú de desarrollador pulsamos la opción de "Mostrar herramientas". Una vez que se muestra la barra de herramientas pulsando el botón de la rueda dentada (opciones de la barra de herramientas) podemos seleccionar todas las herrramientas disponbiles para que aparezcan en la barra.
-
Vista de diseño adaptable: https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_View
- Permite ver los diseños en diferentes tamaños de pantalla
- Se llama desde el menú de herramientas-> Desarrollador ó ctrl-shift-M
-
El borrador : https://developer.mozilla.org/en-US/docs/Tools/Scratchpad
- Permite experimentar con el código de la página que se tiene cargada
- Se llama desde el menú de herramientas-> Desarrollador -> Borrador
-
Opciones de repintado: https://developer.mozilla.org/en-US/docs/Tools/Paint_Flashing_Tool
Resaltan las zonas de la página web que se repintan por los eventos producidos.
-
Vista en 3D: https://developer.mozilla.org/en-US/docs/Tools/3D_View
Cuando das click sobre el botón ver 3D view, la página entra en modo de vista 3D; en este modo, usted puede ver su página en vista 3D en la cual se anidan bloques de HTML que van sobreponiendose, se proyecta desde la parte inferior de la página. Esta vista hace fácil de visualizar como se anida su contenido.