JavaScript Inspector

Cómo usar esta herramienta para desarrolladores

1. Pega el contenido en el área de entrada o carga un archivo local.
2. Ajusta las opciones específicas si aparecen debajo del editor.
3. Pulsa el botón principal o usa Ctrl/Cmd + Enter.
4. Revisa el resumen, los indicadores y las notas de interpretación.
5. Copia o descarga el resultado antes de incorporarlo a tu proyecto.

Qué hace esta herramienta para desarrolladores

Procesa únicamente el texto proporcionado en el navegador y produce una salida orientada al objetivo concreto de esta página. Los resultados estructurados se muestran también como métricas o exportaciones cuando aportan información útil.

El procesamiento no envía el código a un compilador remoto ni ejecuta el contenido pegado.

Ejemplo

Entrada de ejemplo

import api from './api.js';
const cache = new Map();

async function loadUser(id) {
  const response = await api.get(`/users/${id}`);
  cache.set(id, response.data);
  return response.data;
}

// FIXME: manejar reintentos
console.log('ready');

Usa el botón Ejemplo para cargar esta entrada y comparar el resultado real que genera la herramienta.

Casos de uso

• Revisar fragmentos recibidos en incidencias, documentación o revisiones de código.
• Preparar una salida estructurada antes de mover el contenido a un IDE.
• Detectar rápidamente detalles que merecen una comprobación manual.
• Exportar un resultado reproducible para documentación técnica.

Consejos para obtener resultados fiables

• Trabaja con un fragmento autocontenido cuando quieras localizar un problema concreto.
• Conserva una copia del original antes de aplicar resultados transformados.
• No interpretes un análisis por patrones como sustituto del compilador o del linter del proyecto.
• Comprueba genéricos, decorators y sintaxis experimental con la versión real de TypeScript del repositorio.
• Evita pegar secretos, tokens o credenciales aunque el procesamiento sea local.

Detalles del procesamiento

La lógica usa APIs estándar del navegador y JavaScript sin bibliotecas externas. El contenido se mantiene como texto; las salidas visibles se escriben en controles de texto y no se inyecta la entrada del usuario como HTML.

Limitación: el navegador no carga el grafo de módulos, tsconfig, tipos de dependencias ni el compilador oficial. Las reglas de esta página son deliberadamente locales y deben contrastarse con el toolchain del proyecto.