DEV Community

Cover image for Tomar ScreenShots de nuestra web con Google Dev Tools
Jesus Abril
Jesus Abril

Posted on

Tomar ScreenShots de nuestra web con Google Dev Tools

Una más de las infinitas utilidades de "Herramientas para desarrolladores" de Chrome.

Por si no lo sabías, google Chrome pone a tu disposición muchas utilidades para este área y una que te ayudará a presentar tus proyectos se llama screenshot.

Es tan sencillo como presionar CTRL + MAYUS + P esto abrirá la pestaña de run command, teclea la palabra screenshot y te aparecerán las diferentes posibilidades.

Multiples posibilidades de ScreenShot

  1. Capturar el área que selecciones. (Este cambiará tu puntero del mouse y podrás seleccionar el área que quieras).
  2. Capturar el full size. (Abarca toda tu web).
  3. Capturar el node. (Lo que ve tu pantalla)
  4. Capturar la pantalla. (Es como el típico screenshot, pero sin ver el browser).

Saquenle provecho a todas las utilidades!

Vean aquí el resultado del full size

Espero que les ayude.

Top comments (1)

Collapse
 
cescquintero profile image
Francisco Quintero 🇨🇴

Buenísimo.