Neue Registerkarte in Chrome zum Verschönern und Überprüfen des Codes

Ich suche nach einer Chrome-Erweiterung, um die Seite „Neuer Tab“ durch eine zu ersetzen, mit der ich Code (in JavaScript, CSS oder HTML) einfügen und eine verschönerte Ausgabe zusammen mit eventuellen Fehlern erhalten kann.

Existiert einer? Es muss (soweit möglich):

  • sei frei
  • läuft auf Chrome als Erweiterung/App
  • offline arbeiten
  • arbeiten mit JavaScript, CSS und HTML
  • den Code verschönern (dh formatieren)
  • Zeige mir Fehler im Code, falls zutreffend, in jedem möglichen Format (egal)

Ich möchte das, weil ich etwas brauche, das offline ist und in Chrome funktioniert, weil ich die meiste Zeit in Chrome bin.

Antworten (1)

Hier sind ein paar:

Öffnet die jsFiddle-Ausgabe auf einer einzigen einheitlichen HTML-Seite in einem neuen Fenster oder Tab mit einem Klick aus der Omnibox. jsFiddle ist großartig, aber manchmal möchten Sie all Ihre HTML-, CSS- und JS-Dateien in einer einzigen HTML-Datei kombinieren (vielleicht um sie auf Ihrer lokalen Festplatte zu speichern). jsFiddle Player tut das, er fügt der Omnibox einfach eine „Play“-Schaltfläche hinzu, sodass Sie eine neue Registerkarte/ein neues Fenster öffnen können, wobei die Ausgabe zu einer einzigen Webseite kombiniert wird. Das ist es, einfach & nützlich (zumindest für mich)!

Eine Chrome-Erweiterung zum Testen Ihres HTML-, CSS- und JavaScript-Codes mit Chrome DevTool. Es ist ein wesentliches Frontend-Tool

Syntaxhervorhebung und Verschönerungen für eingebettete Codebeispiele. Mit Clear Code können Sie beliebige Codebeispiele online aus Blogs, Tutorials oder Foren abrufen und in einem ablenkungsfreien Viewer öffnen.

Schnelles Front-End-Code-Testen für Entwickler! Testen Sie Ihr HTML, CSS, JS und erhalten Sie sofort die Programmausgabe!