SUCKUP.de

[Update] Top Chrome Erweiterungen für Webdeveloper

This blog post has been published on 2015-10-21 and may be out of date.

Tipps zu Chrome:

  1. in Chrome kann man verschiedene User anlegen, welche auch unterschiedliche Chrome-Erweiterungen installieren können (man kann z.B. einen Privacy-User anlegen): chrome://settings/
  2. die DevTools sollte man kennen: https://speakerdeck.com/addyosmani/whats-new-in-chrome-devtools
  3. Chrome-Extensions kann man auch ganz einfach selber erstellen:

Code: https://github.com/voku/Web-Analyse-Tools-for-Chrome

Demo: https://chrome.google.com/webstore/detail/web-development-analysis/ebhbpdaejpgndphbdcphdiefknmeciph

Beispiele: https://developer.chrome.com/extensions/samples)

Dev-Tools:

Name Url Info
Accessibility Developer Tools Link Barrierefreiheit von Webseiten Testen via Chrome-Dev-Tools
Blackfire Companion Link PHP: Better app performance with a low-overhead Profiler
Caspr: Enforcer Link Content Security Policy (CSP) Änderungen prüfen und testen
Codecov Extension Link Code-Coverage Report-Overlay innerhalb von Github und Bitbucket
Ember Inspector Link Debugging für Ember-Anwendungen
GitHub Linker Link Verlinkte Packages via npm, bower, composer etc.
GitHub Mate Link Extra Features für github.com z.B. Download-Button
HTML5 Outliner Link Zeigt eine Übersicht über alle Inhalte einer Webseite an, wenn HTML korrekt ver
HTTP/2 and SPDY indicator Link Zeigt in der Adresszeile an, ob HTTP/2 verwendet wird
JetBrains IDE Support Link HTML/CSS/JavaScript editing and JavaScript debugging using JetBrains IDEs
JetBrains Toolbox Extension Link Adds link to open project from GitHub in JetBrains IDEs
JSON Editor Link JSON Editor, welcher sowohl einen Daten-Tree in JSON also auch JSON in einen Daten-Tree konvertieren kann
JSONView Link Validiert und zeigt JSON an
LiveReload Link CSS kann ohne Browser-Reload aktualisiert werden (siehe z.B. grunt-contrib-watch)
Lovely forks Link Zeigt Forks auf github.com Seiten an
Octotree Link Zeigt GitHub-Code in einer Baumstruktur dar
SelectorGadget Link CSS (xPath) Elemente auf Webseiten per Maus auswählen
Web Developer Checklist Link Schnelle Check-Liste für Webseiten (Favicon, robots.txt, …)
WAVE Evaluation Tool Link Barrierefreiheit-Overlay für Webseiten

Privacy-Tools:

Name Url Info
 AdBlock Link  Entfernt Werbung von Webseiten …
Deaktivierungs-Add-on von Google Analytics Link Weist das JavaScript (ga.js) von Google Analytics an, keine Informationen an Google Analytics zu übermitteln
 Disconnect Link Ein weites Privacy-Tool …
HTTPS Everywhere Link Sichern Sie Ihre Internetverbindung! Automatische HTTPS-Sicherheit auf vielen Webseiten
uBlock Link Ein effizienter Blocker …
uMatrix Link Kontrolliere alle Anfragen deines Browsers …

Organisation- / Extra-Tools:

Name Url Info
Boards for Trello Link Schnellzugriff auf trello.com
Der Camelizer Link Einfaches Anzeigen historischen Preisdaten direkt in Amazon
feedly Link Ein sehr guter RSS-Reader
Google Cast Link Senden Sie Inhalte an Ihren Chromecast und andere Geräte, die Google Cast unterstützen.
Lazarus: Form Recovery Link Speichert alle Daten von Formularen ab, so dass diese Informationen nicht verloren gehen
SimpleExtManager Link Eine schnelle Verwaltung für Chrome-Erweiterungen
Tabs Outliner Link  Session- und Tab-Manager für Chrome
OneTab Link Tabs in einer Liste zusammenfassen, um Speicher zu sparen
Save to Pocket Link Speicher Artikeln, Videos und mehr …
Web Timer Link Zeigt an wie viel Zeit man auf den jeweiligen Webseiten verbringt