---
title: Chrome Developer Tools
localeTitle: Herramientas para desarrolladores de Chrome
---
## Herramientas de desarrollo de Chrome Firefox

Las herramientas de desarrollo de Chrome y Firefox ayudan a los desarrolladores web a analizar HTML, CSS y Javascript en una página web. Son útiles para depurar, optimizar código, inspeccionar elementos y mucho más.

**caracteristicas:**

*   **Inspector de página:** vea y edite el contenido y el diseño de la página.
*   **Consola web:** ver javascript console.log () mensajes y errores
*   **Depurador de JavaScript:** vea y modifique JavaScript ejecutándose en una página
*   **Monitor de red:** vea las solicitudes de red realizadas cuando se cargan las páginas
*   **Herramientas de rendimiento:** analizar los recursos informáticos utilizados por el sitio

### Accediendo a las herramientas de desarrollo.

1.  En la barra de menú en la parte superior de la pantalla, seleccione Ver> Desarrollador> Herramientas del desarrollador. Las herramientas aparecerán en la parte inferior, lateral o como una ventana emergente.
2.  En una página web, haga clic derecho sobre un elemento. Cuando aparezca el menú, seleccione 'Inspeccionar'.

### Más información:

*   [Chrome DevTools](https://developer.chrome.com/devtools)
*   [Herramientas para desarrolladores de Firefox](https://developer.mozilla.org/en-US/docs/Tools)