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

Boxjs ÔÇô Script Loading mittels CDN Es gibt inzwischen einige Skripte die sich mit nichts anderem besch├Ąftigen, als die eigentlichen Skripte, die man auf der Webseite ben├Âtigt, nachzulad...
melonJS ÔÇô Spieleentwicklung in HTML5 Spieleentwicklung in HTML5 ist "the next big thing" - aber das ist nicht wirklich was Neues. Es geht inzwischen auch nicht mehr wirklich um das ob, so...
JavaScript f├╝r Superheros JavaScript macht seit einigen Monaten eine ganz erhebliche Wandlung durch. W├Ąhrend bei den Frontend-Entwicklern immer mehr Funktionalit├Ąt / Logik in J...
$.Callbacks() in jQuery 1.7 Ab und an scheint doch nochmal etwas neues und sinnvolles in jQuery zu kommen, in der Version 1.7 sind es wohl unter anderem die $.Callbacks(). Im Pri...

Schreibe einen Kommentar