Moderne JavaScript DevTools in Chrome

Vue.js DevTool

Alles ├Ąndert sich, auch JavaScript. Oder besser gesagt die Art wie JavaScript eingesetzt wird. Fr├╝her ist man mit den DevTools von Chrome hingegangen und hat sich fein in der Console angeschaut, was eigentlich Sache ist. Fr├╝her hat man JavaScript allerdings auch eher punktuell eingesetzt. Nat├╝rlich geht das auch heute noch via console.log – aber sch├Ân ist anders! Was hat sich also ge├Ąndert am Einsatz von JavaScript? Da sind prim├Ąr zwei grundlegende ├änderungen zu nennen

– Templates (MVC-Architektur)
– Single-Page-Webanwendungen

Zumindest letzteres entwickelt sich bei einem Debugging schnell zu einer sehr nachhaltigen und dummen Aufgabe. Vor allem deshalb weil man st├Ąndig gegen den Cache des Browsers ank├Ąmpft. Erschwerend kommt hinzu, das es recht lange dauern k├Ânnte, bis die Anwendung neu geladen und initialisiert ist. Im Bereich der Single-Page-Webanwendungen existiert der Status „Seite fertig geladen“ fast nicht mehr. Stattdessen l├Ąuft ein fortlaufender Prozess der st├Ąndig auf Aktionen wartet bzw. auch permanent Daten im Hintergrund aktualisieren k├Ânnte.

Wie also die modernen Frameworks unterst├╝tzen, um geeignete Werkzeuge in den DevTools zu besitzen? Die Antwort ist relativ einfach: f├╝r fast jedes gro├če Framework existiert inzwischen ein Chrome Plugin, das die bereits bestehenden DevTools des Browsers erweitern. Installiert man das passende Plugin gehen die DevTools spezialisiert auf das Framework ein, erlauben ein besseres Debugging und erlauben eine besser Ansicht von Datenstrukturen!

Hier eine Liste der entsprechenden Chrome Plugins:

├ähnliche Beitr├Ąge

Shortest Path Algorithmus in JavaScript Als ich in der grauen Vorzeit Informatik studiert habe gab es im Grundstudium ein paar Algorithmen, auf denen jeder Professor bis zum Erbrechen rum ge...
Js2coffee ÔÇô JavaScript nach CoffeeScript kon... Wenn man dann einmal CoffeeScript im Einsatz hat, ergibt sich nat├╝rlich das Problem, dass man bereits einige (und durchaus auch komplexe) JavaScripte ...
Mit Pow.js Sonnenstrahlen generieren Einen Hintergrund aus Sonnenstrahlen ist eine feine Sache, aber faktisch nicht implementierbar. Die Grafik die daf├╝r notwendig w├Ąre, w├Ąre eindeutig zu...
Mit Repo.js GitHub-Repositories in die eigene Seit... GitHub ist eine echt feine Sache, ich habe trotz der recht interessanten Preisgestaltung erst vor kurzem auf einen Premium-Account gewechselt. Es mach...

Schreibe einen Kommentar