freeCodeCamp/guide/spanish/developer-tools/developer-tools-in-browsers/chrome-developer-tools/index.md

1.3 KiB

title localeTitle
Chrome Developer Tools 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: