#465 · Herramienta para desarrolladores

Source Map URL Extractor

Busca directivas sourceMappingURL en JavaScript y CSS y extrae la referencia al source map. Distingue URLs externas de mapas incrustados con data:, indica la línea donde aparece cada directiva y evita solicitar recursos remotos, de modo que el análisis funciona completamente en el navegador.

Datos de entrada

JavaScript o CSS
Espacio publicitario

Cómo usar esta herramienta para desarrolladores

  1. Pega o escribe la entrada en el cuadro principal.
  2. Ajusta las opciones disponibles para este analizador.
  3. Pulsa el botón principal o usa Ctrl/Cmd + Enter.
  4. Revisa el resumen, la interpretación y las métricas.
  5. Copia o descarga el resultado si coincide con lo que necesitas.

Qué hace esta herramienta para desarrolladores

Busca directivas sourceMappingURL en JavaScript y CSS y extrae la referencia al source map. Distingue URLs externas de mapas incrustados con data:, indica la línea donde aparece cada directiva y evita solicitar recursos remotos, de modo que el análisis funciona completamente en el navegador.

Examina cada línea en busca de comentarios //#, //@, /*# o /*@ que definan sourceMappingURL y clasifica la referencia según empiece por data:.

La extracción no verifica la existencia del archivo .map ni decodifica automáticamente mapas inline grandes.

Ejemplo

//# sourceMappingURL=app.min.js.map Línea 1 external app.min.js.map

Casos de uso

  • Comprobar si un bundle publica la ruta de su source map.
  • Localizar mapas inline antes de distribuir un archivo.
  • Auditar referencias sin depender de CORS.

Consejos para obtener resultados fiables

  • Prueba primero con un ejemplo pequeño que conozcas.
  • Conserva una copia de la entrada original antes de transformar datos.
  • Revisa errores y limitaciones antes de usar el resultado en producción.
  • Cuando haya Unicode, compara también bytes o puntos de código si el problema no es visible.
  • Valida el resultado en el entorno final cuando intervengan reglas específicas del proyecto.

Detalles del procesamiento

Examina cada línea en busca de comentarios //#, //@, /*# o /*@ que definan sourceMappingURL y clasifica la referencia según empiece por data:.

La extracción no verifica la existencia del archivo .map ni decodifica automáticamente mapas inline grandes.

Preguntas frecuentes

¿El extractor descarga el archivo .map indicado en sourceMappingURL?

No. Solo extrae la referencia del comentario y no realiza solicitudes de red.

¿Reconoce source maps incrustados como data URL?

Sí. Las referencias que empiezan por data: se clasifican como mapas inline.

¿Funciona con comentarios de JavaScript y CSS?

Sí. Reconoce las formas habituales //#, //@, /*# y /*@ usadas para sourceMappingURL.

¿Puede decir si una URL externa devuelve 404?

No. Esa comprobación requeriría una solicitud remota y puede verse afectada por CORS.

¿Muestra la línea exacta donde está la directiva?

Sí. Cada coincidencia incluye el número de línea calculado a partir del texto pegado.

Resumen técnico

MóduloDetalle
EntradaJavaScript o CSS
ProcesamientoExamina cada línea en busca de comentarios //#, //@, /*# o /*@ que definan sourceMappingURL y clasifica la referencia según empiece por data:.
SalidaReferencias encontradas

Explorar Herramientas HTML, CSS y JavaScript

Consulta más utilidades de esta categoría en el hub de Herramientas HTML, CSS y JavaScript.