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

Einfaches HTML Testing mit dem HTML Inspector Damals, als ich noch den Firefox verwendet habe, gab es ein nettes Tool mit dem man testen konnte ob HTML valide ist. Dann kam HTML5, alles wurde ande...
Plugins f├╝r jQuery Ich sehe und ├╝bernehme einiges an Seiten und muss leider sagen, dass scheinbar bei Javascript-Programmierung vor Beginn der Arbeiten das Hirn einmal r...
jsPDF ÔÇô PDF-Dateien mit JavaScript erzeugen PDF-Dateien sind aus der modernen Gesch├Ąftswelt nicht mehr wegzudenken, was insbesondere bedeutet das man diese in einer Applikation erzeugen muss. PD...
Favicon mit Javascript austauschen Nach meiner bescheidenen Meinung sind Favicons innerhalb einer Webanwendung die Elemente, denen die wenigste Beachtung geschenkt wird. Ich habe ja sch...

Schreibe einen Kommentar