Capturar un elemento de una página: nota para tu IA

Quieres una imagen de un botón o una tarjeta, no de toda la pantalla, y no quieres recortarla a mano. SuperchargeInspect es una extensión que captura un elemento y añade tu nota, para que una herramienta de IA para programar entienda lo que quieres decir. Señala el elemento, fíjalo con Enter y copia o guarda un PNG recortado a ese elemento. El recorte sale de la parte visible de la pestaña, listo para pegarlo en una herramienta de IA para programar, un chat o un ticket.

Tres formas de copiar la imagen del elemento

El elemento fijado te ofrece tres acciones. Dos están en el menú Más formas de copiar. La tercera es el propio botón Copiar referencia.

Copiar solo la imagen y Guardar PNG te dan el recorte limpio, sin pie. Copiar referencia es la captura anotada del elemento: un solo elemento del portapapeles con la referencia de texto y el PNG. Si el elemento aún no está fijado, Ctrl+Enter (Cmd+Enter en macOS) lo fija y lo copia en un solo paso.

Qué muestra la captura anotada de un elemento

Copiar referencia genera el recorte visible sobre un fondo blanco, escalado para caber en 1600 x 1200, y añade debajo un pie con filas etiquetadas. Las filas son Tu nota, Origen, Elemento y Estilos. Origen es la dirección de la página. Elemento es el localizador del elemento. La línea de Estilos incluye el primer valor de font-family, font-size y line-height, font-weight, el color del texto sobre el fondo en hexadecimal, padding y border-radius.

Ese pie es lo que la convierte en una captura de pantalla con referencia CSS: incluye tu nota y los estilos clave, así que la imagen se explica por sí sola ante una herramienta de IA para programar. Cuando la pegas en un chat, un ticket o una herramienta de IA para programar, quien la lee no necesita tener la página abierta para ver lo que señalaste.

Cómo elegir el elemento correcto

Inicia una inspección con Alt+Shift+E. Pasa el cursor por la página, o muévete con las flechas del teclado, hasta llegar al elemento que quieres. Para capturar un solo elemento y nada más, detente en el elemento más pequeño que contenga lo que quieres mostrar. Para obtener la tarjeta completa en lugar de una sola etiqueta, pulsa Ctrl+Flecha arriba (Option+Flecha arriba en macOS) para pasar al elemento padre. Entra en un elemento hijo con Ctrl+Flecha abajo (Option+Flecha abajo en macOS). Pulsa Enter para fijarlo y luego copia la imagen.

Solo la parte del elemento que está en pantalla aparece en la imagen, así que desplázate hasta que el elemento sea visible antes de capturarlo.

La captura se queda en tu dispositivo

El recorte se hace en tu dispositivo, a partir de la parte visible de la pestaña. La extensión no hace llamadas de red, no requiere cuenta y no envía a ningún servidor nada de lo que inspeccionas. La imagen solo sale de tu dispositivo cuando la guardas con Guardar PNG o la pegas en otra aplicación. A partir de ahí, esa aplicación se encarga de ella.

Envía la captura anotada a una herramienta de IA para programar junto con una nota.