loading...
Cover image for Tomar ScreenShots de nuestra web con Google Dev Tools

Tomar ScreenShots de nuestra web con Google Dev Tools

3rchuss profile image Jesus Abril ・1 min read

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.

Posted on by:

3rchuss profile

Jesus Abril

@3rchuss

Self-taught Full Stack Web Developer. Apasionado por javascript!

Discussion

markdown guide