Anpassen der Chrome-Entwicklertools mit DevTools Author

Wenn Sie ein Frontend-Entwickler sind, sollten Sie bereits über das DevTools-Bedienfeld von Google Chrome Bescheid wissen. Dies ist in jeder Version von Chrome enthalten, die Tools zum Bearbeiten von rohem HTML / CSS zusammen mit einer JS-Konsole und die Möglichkeit zur Bearbeitung des DOM in Echtzeit bietet.

Mit dem neuen kostenlosen Chrome-Plugin DevTools Author können Sie das DevTools-Bedienfeld mit zusätzlichen Syntaxfarbschemata, eindeutigen Schriftarten und benutzerdefinierten Schriftgrößen anpassen.

Das Setup ist ziemlich unkompliziert. Sie installieren die Erweiterung einfach aus dem Chrome Webstore und besuchen diesen Link in Ihrem Browser: chrome: // flags / # enable-devtools-experimente

Sie befinden sich im Chrome-Flag-Fenster, wo Sie DevTools-Experimente aktivieren sollten. Wenn dies aktiviert ist, sollten Sie Chrome neu starten, öffnen Sie das DevTools-Einstellungsfenster und suchen Sie nach der Registerkarte "Experimente".

Dann checken Sie einfach "Benutzerdefinierte UI-Designs zulassen" und Sie können loslegen!

Sie können aus über 25 verschiedenen Farbschemata für die Syntax wählen, wodurch der Editor von Chrome wesentlich einfacher zu bedienen ist. Sie können die Schriftgröße von 10px-22px ändern oder sogar die Konsolenschriftarten auf alle vorinstallierten Schriftarten Ihres Betriebssystems aktualisieren.

Dieses Plugin fügt DevTools keine Kernfunktionen hinzu, sondern lässt Sie den Stil und das Aussehen Ihres DevTools-Fensters ändern. Es ist überraschend einfach zu konfigurieren und kann dazu führen, dass sich Ihre DevTools-Erfahrung viel persönlicher anfühlt.

Wenn Sie während des Setups Probleme haben, lesen Sie dieses geführte Intro-Video.