Extrae URL de imágenes, URL de enlaces y el HTML interno que coincide en un fragmento pegado

Pega un fragmento HTML, o una página completa, y usa uno de los tres modos: listar cada src de imagen, listar cada href de enlace o listar el HTML interno de los elementos que coinciden con un selector CSS (selectores compatibles con jQuery, no expresiones XPath). Los valores se devuelven tal como están escritos, así que una página que usa /images/hero.jpg conserva esa ruta relativa.

El fragmento se analiza en un documento inerte dentro de este navegador. Las imágenes no se descargan, los manejadores de eventos en línea no se ejecutan y no sale ninguna petición de la página aunque el marcado apunte a servidores remotos.

  1. Pega el HTML en el campo de arriba, o pulsa Extraer URL de imágenes para partir del ejemplo que incluye la página.
  2. Pulsa Extraer URL de imágenes o Extraer URL de enlaces, o escribe un selector CSS y pulsa Buscar con selector CSS.
  3. Revisa la lista de resultados: un valor por línea, en el orden del documento. Las notas bajo el cuadro indican lo que se omitió o se repitió.
  4. Pulsa Copiar resultado para copiar la lista al portapapeles, o selecciona el texto a mano.
  5. Pulsa Limpiar para vaciar la entrada y el resultado antes del siguiente fragmento.

Qué mide la herramienta y qué deja fuera

Cómo se analiza el fragmento

La entrada pasa por el mismo analizador HTML que usa el navegador para una página. Las etiquetas sin cerrar se reparan, los valores de atributo se decodifican (<img src="a&amp;b.png"> se muestra como a&b.png) y se acepta un documento completo, incluida su línea <!DOCTYPE html>. El contenido dentro de <textarea>, los comentarios y los elementos <image> de SVG no se tratan como imágenes.

Los elementos de nivel superior cuentan. Un fragmento que es un solo <img src="c.png"> o <a href="/a"> se lee como cualquier otra coincidencia; las notas indican cuántas coincidencias no tenían atributo utilizable y cuántas, en el modo selector, no tenían HTML interno (un <img> o un <br>, por ejemplo).

Selectores y salida

El campo de selector acepta selectores CSS compatibles con jQuery, el lenguaje que entiende el motor de la propia página (Sizzle): .clase, #id, [data-id], div > p, li:nth-child(2) y extensiones como :eq(1) o :contains(texto). Un selector que no se puede interpretar se informa como error en lugar de devolver un resultado vacío.

El modo selector imprime el HTML interno de cada coincidencia en su propia línea, de modo que el marcado hijo sobrevive al copiado. Los valores duplicados aparecen una vez por aparición y las notas indican cuántos se repiten.

Privacidad, límites y precisión

Todo se ejecuta localmente. Medido en esta versión: un fragmento con <img src="https://example.com/x.png"> no genera ninguna petición de red, y un atributo onerror en el marcado pegado no se ejecuta. No se sube nada y la herramienta sigue funcionando sin conexión una vez cargada la página.

Solo se procesa el texto pegado: no hay carga de archivos, ni descarga de URL, ni modo por lotes. Las URL relativas siguen siendo relativas porque el fragmento no tiene una URL base propia. La lista respeta el orden del documento; es una ayuda de revisión, no un rastreador.

Herramientas recientes: