25 lines
1.3 KiB
Markdown
25 lines
1.3 KiB
Markdown
---
|
|
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) |