Abre, lee y edita archivos JavaScript directamente en tu navegador, sin IDE, sin Node, sin software. Obtén resaltado de sintaxis, un esquema de estructura en vivo, un gráfico de dependencias interactivo, comparación en vista dividida y cuatro temas de color. ¿Necesitas reducir el tamaño de tu código? Prueba Minificador de JS/CSS. Ver archivos relacionados con el Visor de CSS, JSON Viewer, Visor HTML o navegar Todos los más de 200 visores de archivos.
o haga clic para explorar: archivos de hasta 5 MB.
Arrastra tu . Js, .mjs, .cjs, .jsx, .ts or .tsx Sube el archivo al área de carga o haz clic para buscarlo. Los archivos de hasta 5 MB se procesan instantáneamente en tu navegador.
Cambia entre las vistas Formateado, Sin formato y Estructura. La vista Estructura muestra todas las funciones, clases, variables, importaciones y exportaciones, y dibuja un gráfico de dependencias interactivo.
Abra un segundo archivo y haga clic en Dividir para compararlos uno al lado del otro. Use el modo de edición para realizar cambios rápidos con sangría automática, luego embellezca o minimice con un clic. ¿Necesita una minimización completa? Use el Minificador de JS/CSS.
Copia una sola función, exporta un rango de líneas específico, descarga el archivo como .js o descarga todos los archivos abiertos como un archivo ZIP con un archivo README personalizado en su interior.
¿Trabajas con otros formatos? Utiliza el Visor de CSS, JSON Viewer, Visor HTML o el Visor XML. Explora el conjunto completo de Más de 200 visores de archivos para todo lo demás.
Cambia entre los temas de sintaxis VS Code, GitHub Dark, Monokai y Dracula desde la barra de herramientas.
Abre dos archivos JS uno al lado del otro para comparar el código, la estructura y las importaciones de un vistazo.
Edita el código directamente con sangría automática, cierre automático de corchetes, compatibilidad con tabulaciones y Ctrl+S para aplicar los cambios.
Visualice cada relación de importación y requerimiento como un gráfico SVG interactivo en la vista Estructura.
La vista completa incluye búsqueda con Ctrl+F en modo de expresiones regulares, navegación por coincidencias e ir a una línea específica.
Extraiga el cuerpo completo de cualquier función individual al portapapeles desde la vista Estructura.
Agrupe todos los archivos abiertos en un único archivo ZIP con un archivo README personalizado, o exporte un único rango de líneas.
Todo el procesamiento se realiza en tu navegador. Tu código fuente nunca sale de tu dispositivo.
JavaScript es el lenguaje de la web, que se ejecuta en todos los navegadores y, a través de Node.js, en servidores, herramientas de compilación y aplicaciones de línea de comandos. .js El archivo es de texto plano, por lo que se abre en cualquier editor, pero sin resaltado de sintaxis ni análisis de estructura, resulta difícil de leer. Este visor añade resaltado con código de colores, un esquema navegable de funciones y clases, y un gráfico de dependencias para que puedas comprender un archivo desconocido en segundos.
Los proyectos modernos distribuyen muchos dialectos de JavaScript: módulos ES (.mjs), CommonJS (.cjs), React JSX (.jsx) y TypeScript (.ts, .tsxTodas ellas son compatibles, incluidas las clases ES6+, las funciones flecha y async/await. Dado que todo se ejecuta localmente, es seguro para el código fuente propietario o confidencial; nunca se sube nada a internet.
¿Necesita comprimir antes del envío? El Minificador de JS/CSS elimina espacios en blanco y comentarios. Para archivos de datos utilice el JSON Viewery para las hojas de estilo el Visor de CSS.
Arrastra tu archivo .js a esta página y se analizará y resaltará la sintaxis al instante en tu navegador. Sin VS Code, sin Node, sin instalación: funciona en cualquier dispositivo, incluyendo Chromebooks, tabletas y ordenadores de trabajo donde no se puede instalar software.
Sí, completamente. Todo el análisis, la edición y el procesamiento se realizan localmente en su navegador. Sus archivos nunca se suben a ningún servidor, lo que garantiza la seguridad del código fuente propietario, confidencial o sensible. ¿Aún tiene dudas? Por favor, Contactar con nosotros ¡Y estaremos encantados de ayudarte!
Después de cargar su primer archivo, haga clic en Agregar Archivo en la barra de pestañas para abrir un segundo archivo. Con dos archivos abiertos, haga clic Dividida para visualizarlos uno al lado del otro. Cada panel se desplaza de forma independiente, lo que resulta útil para comparar dos versiones de un módulo o comprobar las importaciones entre archivos.
Sí, cuando hay dos o más archivos abiertos, Descargar ZIP Este botón los agrupa todos en un único archivo comprimido que incluye un archivo README.txt personalizado. Se puede exportar un solo archivo directamente como descarga .js, o bien exportar solo un rango de líneas seleccionado.
Cambia a la vista Estructura para ver un gráfico SVG visual de cada importación y declaración require. Las importaciones relativas, los paquetes npm y las funciones integradas de Node.js están codificadas por colores, y al hacer clic en cualquier nodo se copia la ruta de importación para que puedas comprender las dependencias de un archivo de un vistazo.
Se admiten JavaScript moderno (.js), módulos ES (.mjs), CommonJS (.cjs), React JSX (.jsx) y TypeScript (.ts, .tsx), incluyendo ES6+, clases, funciones flecha y async/await. Para otros lenguajes y formatos, consulte nuestra Más de 200 visores de archivos.