ffnen, lesen und bearbeiten Sie JavaScript-Dateien direkt im Browser ohne IDE, Node oder sonstige Software. Profitieren Sie von Syntaxhervorhebung, einer Live-Struktur bersicht, einem interaktiven Abh ngigkeitsdiagramm, einer geteilten Ansicht zum Vergleich und vier Farbthemen. M chten Sie Ihren Code verkleinern? Nutzen Sie den JS/CSS-Minifier . Sehen Sie sich verwandte Dateien mit dem CSS Viewer , JSON Viewer oder HTML Viewer an oder durchsuchen Sie alle ber 200 Dateibetrachter.
Oder klicken Sie hier, um Dateien bis zu 5 MB zu durchsuchen.
Ziehen Sie Ihre .js- , .mjs- , .cjs- , .jsx- , .ts- oder .tsx -Datei in den Upload-Bereich oder klicken Sie auf Durchsuchen . Dateien bis zu 5 MB werden direkt im Browser verarbeitet.
Wechseln Sie zwischen der formatierten, der Rohdaten- und der Strukturansicht. Die Strukturansicht listet jede Funktion, Klasse, Variable, jeden Import und Export auf und zeichnet einen interaktiven Abh ngigkeitsgraphen.
ffnen Sie eine zweite Datei und klicken Sie auf Teilen , um beide Dateien nebeneinander zu vergleichen. Nutzen Sie den Bearbeitungsmodus f r schnelle nderungen mit automatischer Einr ckung und anschlie end Versch nern oder Minimieren mit einem Klick. Ben tigen Sie eine vollst ndige Minimierung? Verwenden Sie den JS/CSS-Minifier.
Eine einzelne Funktion kopieren, einen bestimmten Zeilenbereich exportieren, die Datei als .js herunterladen oder alle ge ffneten Dateien als ZIP-Datei mit einer gebrandeten README-Datei darin abrufen.
Arbeiten Sie mit anderen Formaten? Nutzen Sie den CSS-Viewer , JSON-Viewer , HTML-Viewer oder XML-Viewer . F r alle anderen Formate stehen Ihnen ber 200 Dateibetrachter zur Verf gung.
Wechseln Sie ber die Symbolleiste zwischen den Syntax-Themes VS Code, GitHub Dark, Monokai und Dracula.
ffnen Sie zwei JS-Dateien nebeneinander, um Code, Struktur und Importe auf einen Blick zu vergleichen.
Bearbeiten Sie den Code direkt mit automatischer Einr ckung, automatischem Klammerschluss, Tabulatorunterst tzung und Strg+S zum Anwenden.
Visualisieren Sie jede Import- und Anforderungsbeziehung als interaktives SVG-Diagramm in der Strukturansicht.
Die Vollansicht beinhaltet die Strg+F-Suche mit Regex-Modus, die Navigation bei bereinstimmungen und die Funktion Gehe zu Zeile .
Extrahieren Sie den kompletten Funktionsk rper einer beliebigen Funktion aus der Strukturansicht in Ihre Zwischenablage.
Alle ge ffneten Dateien in einem ZIP-Archiv mit einer individuellen README-Datei b ndeln oder einen einzelnen Zeilenbereich exportieren.
Die gesamte Verarbeitung findet in Ihrem Browser statt. Ihr Quellcode verl sst niemals Ihr Ger t.
JavaScript ist die Sprache des Webs und l uft in jedem Browser sowie ber Node.js auf Servern, Build-Tools und Kommandozeilenanwendungen. .js Die Datei ist reiner Text und l sst sich daher in jedem Editor ffnen. Ohne Syntaxhervorhebung und Strukturanalyse ist sie jedoch schwer lesbar. Dieser Viewer bietet farbcodierte Hervorhebung, eine bersichtliche Gliederung von Funktionen und Klassen sowie einen Abh ngigkeitsgraphen, sodass Sie auch unbekannte Dateien in Sekundenschnelle verstehen k nnen.
Moderne Projekte bringen viele JavaScript-Dialekte mit: ES-Module (.mjs), CommonJS (.cjs), React JSX (.jsx) und TypeScript (.ts, .tsxAlle diese Technologien werden hier unterst tzt, einschlie lich ES6+-Klassen, Arrow-Funktionen und async/await. Da alles lokal ausgef hrt wird, ist es sicher f r propriet ren oder vertraulichen Quellcode es wird niemals etwas hochgeladen.
Vor dem Versand komprimieren? Der JS/CSS-Minifier entfernt Leerzeichen und Kommentare. F r Datendateien verwenden Sie den JSON Viewer und f r Stylesheets den CSS Viewer.
Ziehen Sie Ihre .js-Datei einfach auf diese Seite. Sie wird sofort in Ihrem Browser analysiert und die Syntax hervorgehoben. Kein VS Code, kein Node, keine Installation es funktioniert auf jedem Ger t, einschlie lich Chromebooks, Tablets und gesperrten Arbeits-PCs, auf denen keine Software installiert werden darf.
Ja, absolut. S mtliches Parsen, Bearbeiten und Analysieren erfolgt lokal in Ihrem Browser. Ihre Dateien werden niemals auf einen Server hochgeladen, wodurch die Sicherheit f r propriet ren, vertraulichen oder sensiblen Quellcode gew hrleistet ist. Haben Sie dennoch Bedenken? Kontaktieren Sie uns gerne , wir helfen Ihnen gerne weiter!
Nachdem Sie Ihre erste Datei geladen haben, klicken Sie in der Tableiste auf Datei hinzuf gen , um eine zweite Datei zu ffnen. Sind beide Dateien ge ffnet, klicken Sie auf Teilen , um sie nebeneinander anzuzeigen. Jedes Fenster l sst sich unabh ngig scrollen ideal, um zwei Versionen eines Moduls zu vergleichen oder Importe zwischen Dateien zu pr fen.
Ja wenn zwei oder mehr Dateien ge ffnet sind, b ndelt der Button ZIP herunterladen diese in einem einzigen Archiv mit einer angepassten README.txt-Datei. Sie k nnen eine einzelne Datei direkt als .js-Datei exportieren oder nur einen ausgew hlten Zeilenbereich.
Wechseln Sie zur Strukturansicht, um ein visuelles SVG-Diagramm aller Import- und require-Anweisungen anzuzeigen. Relative Importe, npm-Pakete und Node.js-Funktionen sind farblich gekennzeichnet. Durch Klicken auf einen beliebigen Knoten wird der Importpfad kopiert, sodass Sie die Abh ngigkeiten einer Datei auf einen Blick erfassen k nnen.
Modernes JavaScript (.js), ES-Module (.mjs), CommonJS (.cjs), React JSX (.jsx) und TypeScript (.ts, .tsx) werden vollst ndig unterst tzt, einschlie lich ES6+, Klassen, Pfeilfunktionen und async/await. Weitere Sprachen und Formate finden Sie in unseren ber 200 Dateibetrachtern.