15. Feb 2016

Michael Zangerle

3 Min.

Des Entwicklers kleine Helfer

In jedem Job gibt es kleine Helferlein, mit denen die Arbeit deutlich erleichtert wird. Was dem Taxifahrer sein Navi oder der Friseurin ihr Trimmer, ist die Browsererweiterung für uns Webentwickler. Fünf dieser Alltagserleichterer stellen wir euch hier vor.

JSON View

Wer in der Webentwicklung häufig mit REST APIs arbeitet, kommt früher oder später auch mit JSON in Berührung. Beim Darstellen von JSON macht weder Chrome noch Firefox oder Safari von Haus aus eine gute Figur. Alle Browser stellen JSON nur als normalen Text ohne jegliche Struktur dar. Die Erweiterung JSON View macht aus den unleserlichen und endlos langen Zeilen sauber strukturierte Blöcke und setzt auch farbliche Akzente.

Erweiterung für:

Postman

Auch die Chrome-Erweiterung Postman ist sehr hilfreich im Zusammenhang mit REST APIs. Dabei handelt es sich um einen REST-Client, über den komfortabel auf APIs zugegriffen bzw. mit diesen kommuniziert werden kann. Für den Zugriff auf eine API bietet diese Erweiterung fast alles, was man sich vorstellen kann. Angefangen mit den verschiedenen HTTP-Methoden, verschiedene Header, dem Request-Body in verschiedensten Formaten, Authentifizierungsinformationen für BasicAuth, OAuth, uvm., bis hin zu Tests kann so ziemlich alles gemacht werden.

Die erstellten Anfragen können in benutzerdefinierten Sammlungen organisiert und für später abgelegt werden. Die kostenpflichtige Version bietet noch zusätzliche Features, die beispielsweise die Zusammenarbeit in Teams vereinfachen.

Erweiterung und Alternativen für:

Xdebug Helper

Wer beim Debuggen auf xdebug setzt, kann seinen Workflow mit dem xdebug helper noch deutlich vereinfachen. Per Klick auf einen Button kann das Debugging gestartet und gestoppt werden, ohne händisch irgendwelche Einstellungen vornehmen zu müssen.

Ist das Debugging im Browser aktiviert, so kann jede weitere Anfrage in der Entwicklungsumgebung analysiert werden. Vorausgesetzt diese hört auf die sogenannten „Debug Connections“.

Erweiterung für:

Yslow

Yslow ist eine Erweiterung, welche die Antworten bei einem Seitenaufruf, sowie die enthaltenen Daten analysiert. Dabei werden Verbesserungen hinsichtlich der Datenmengen und dem Caching, sowie Optimierungspotential von JS, CSS, Bildern, Usability uvm. vorgeschlagen.

Erweiterung für:

Clear Cache

Das leidige Thema des Caches ist oft unangenehm. Sei es während der Entwicklung oder beim Kunden, der noch eine ältere Version im Browsercache hat. Diese Erweiterung stattet den Browser mit einem Button aus, mit dem per Klick die verschiedensten Caches, Cookies, Speicher usw. geleert werden können. Was genau entfernt werden soll, kann in den Einstellungen festgelegt werden. Kleiner Button, aber große Wirkung!

Erweiterung und Alternativen für:

Dies ist nur ein kleiner Auszug der Helfer, die täglich bei uns zum Einsatz kommen. Haben wir eine sehr wichtige Erweiterung vergessen? Gibt’s Erweiterungen, die wir uns unbedingt mal ansehen sollten? Dann lasst uns gerne einen Kommentar da.