Tomar ScreenShots de nuestra web con Google Dev Tools

3rchuss

Jesus Abril

Posted on February 4, 2020

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.

💖 💪 🙅 🚩
3rchuss
Jesus Abril

Posted on February 4, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related