¿Cómo puedo tomar capturas de pantalla del navegador web, incluida una entrada de selección?

1

¿Cómo puedo tomar una captura de pantalla de la totalidad de un navegador web (o solo la página HTML) que incluye la entrada seleccionada?

Puedo obtener las siguientes imágenes con Apple shift 4 y haciendo clic en el espacio:

pero quiero algo más parecido a lo siguiente, donde tuve que elegir manualmente los límites

    
pregunta Andrew Grimm 30.01.2018 - 01:59

2 respuestas

0

Como diseñador de UX, necesito rutinariamente capturar menús desplegables así como el elemento seleccionado dentro del menú desplegable. La mayoría de las veces (aunque no siempre) puedo hacer esto a través de CMD-SHIFT-4 haciendo clic primero en el campo, manteniendo presionado el mouse en una mano mientras presiono CMD-SHIFT-4 con la otra mano. La mayoría de las veces, el menú desplegable e incluso el elemento del menú seleccionado se "congelarán" y permanecerán estacionarios en la pantalla mientras dibuja su marco alrededor del área de la pantalla que desea capturar. Luego sueltas y tienes tu imagen con forma personalizada. (Acabo de hacer esto en Youtube.com, Chrome Browser 64.0, High Sierra 10.13.3)

Aunqueconbastantefrecuenciaenunamultituddesitios,puedehacertodoestoatravésdeCMD-SHIFT-4y,porlotanto,noesnecesariorecortarlomástarde,elelementodesplegableyelelementoseleccionadonosiemprese"congelan" mientras los recorre. Y también hay muchas veces en las que quiero mostrar una notificación en pantalla o un efecto de confirmación además de las opciones de menú y el elemento seleccionado. En ambos casos debo recurrir a CMD-SHIFT-3 y, si, recortar después.

Creo que la respuesta de Leonard Challis es acertada y no conozco otra forma de lograr esto que usar el comando de captura de pantalla completa, tal como él lo describió. Entonces, ¿qué requiere tener que recortar la imagen de pantalla completa capturada para aislar el área que desea mostrar? Tal vez alguien haya encontrado software de terceros que le permita alcanzar su objetivo sobre la marcha. Quizás haya una extensión de Chrome o de otro navegador que congelará la pantalla para mostrar el estado de selección del menú desplegable. O quizás la captura de pantalla grabada sea la mejor herramienta, especialmente si desea documentar una secuencia completa de instrucciones de interfaz / selección. Y puede seleccionar marcos clave para recortar en imágenes. Parece que nadie ha proporcionado ningún software sugerido.

Específicamente y categóricamente estoy en desacuerdo con la respuesta de grgarside , afirmando que la solución CMD-SHIFT-3 es "incluso peor que la OP ⇧⌘4 ya descrita para seleccionar una región, ya que luego tienes para abrir la imagen en Vista previa para recortar sin ningún beneficio adicional al tomar una captura de pantalla de una región ". Eso es completamente incorrecto, ya que el OP deseaba específicamente mostrar el menú desplegable. Ese es el beneficio agregado.

ONE ADDENDUM: La acción CMD-SHIFT-4 "todo en uno" también funciona la mayoría de las veces en la mayoría de los sitios cuando se hace clic con el botón derecho en un enlace y se desea para capturar el menú emergente y su selección. 2 EJEMPLOS justo aquí en este hilo:

    
respondido por el quicksite 23.02.2018 - 10:07
-1

Mi sugerencia sería utilizar el Cmd + Shift + 3 normal para tomar una captura de pantalla completa, luego recortar la imagen en Vista previa al área que desee.

    
respondido por el Leonard Challis 30.01.2018 - 09:48

Lea otras preguntas en las etiquetas