Extension-Boilerplate: Erweiterungen für Firefox, Chrome und Opera schreiben

Auch wenn der Umstieg auf Web-Extensions nicht jedem schmeckt, lassen sich jetzt deutlich einfacher Chrome- und Opera-Erweiterungen auf den Firefox-Browser portieren. Möglich wird das, weil die API zumindest zu großen Teilen kompatibel zu der in Chrome und Opera genutzten Erweiterungs-API ist. Um euch den Einstieg zu erleichtern, hat der Anbieter Email-This jetzt das Extension-Boilerplate veröffentlicht. Das soll als Grundlage für Cross-Browser-Erweiterungen dienen.

Die Idee: Einmal auf Basis des Boilerplates geschriebene Erweiterungen sollen ohne jedwede Anpassung unter Firefox, Chrome, Opera und demnächst auch Safari lauffähig sein. Dazu gibt es einen kleinen Polyfill, der für mehr Uniformität beim Ansprechen der jeweiligen Browser-APIs sorgt. Außerdem wird ein praktisches Sketch-Template mitgeliefert, um Icons und Promo-Bilder für die verschiedenen Erweiterungsverzeichnisse der Browser zu generieren.

Extension-Boilerplate unterstützt Live-Vorschau

Änderungen am Code eurer Erweiterungen werden direkt auf den Browser übertragen. Ihr müsst sie also nicht immer wieder neu laden. Außerdem kommt die Extension-Boilerplate mit einem Gulp-basierten Workflow, der ES6-Javascript und SCSS in Javascript und CSS übersetzt. Das Gulpfile wurde darauf optimiert, leicht verständlich und anpassbar zu bleiben. Bei Bedarf lassen sich außerdem plattform- und umgebungsspezifische Variablen nutzen.

Das Extension-Boilerplate findet ihr auf Github. Dort könnt ihr auch direkt eine damit erstellte Beispiel-Erweiterung für Opera, Chrome und Firefox herunterladen. Was derzeit noch fehlt, aber nachgeliefert werden soll, ist die Unterstützung für Safari und eine Anleitung. Die Software steht unter der MIT-Lizenz.

Ebenfalls interessant:

• 35 praktische Chrome-Erweiterungen für Designer und Entwickler
• Responsive Webdesign: 18 kostenlose Tools und Extensions zum Testen deiner Seite
• 30 praktische Erweiterungen für den Chrome-Browser