¿Cómo capturar una captura de pantalla completa del nodo en Chrome?

¿Cómo capturar una captura de pantalla completa del nodo en Chrome?

Las herramientas para desarrolladores de Chrome permiten capturar capturas de pantalla de nodos. Desafortunadamente, sólo captura la parte visible del nodo. Necesito nodo completo.

También existe el comando "Capturar captura de pantalla a tamaño completo", pero captura la página completa. Solo necesito un solo nodo.

Entonces, ¿cómo puedo capturar el nodo completo (es más alto que la pantalla)?

Respuesta1

Puede cambiar los estilos del nodo para que sea visible en toda su longitud y luego tomar una captura de pantalla del nodo o eliminar otros elementos de la página y tomar la captura de pantalla de la página completa.

Con captura de pantalla del nodo:

  • edite los estilos del nodo para que se extienda a su altura completa (elimine la altura, la altura máxima, etc.)
  • eliminar elementos vecinos si es necesario
  • capturar captura de pantalla del nodo.

Con captura de pantalla de la página:

  • mueva el nodo que desea capturar para que sea un descendiente directo de la bodyetiqueta
  • eliminar otros elementos visibles de la página
  • editar estilos del nodo para que se extienda a su altura completa
  • tome una captura de pantalla de página completa.

Los elementos de la página se pueden eliminar usando la opción "Eliminar elemento".

información relacionada