web developer

Webentwickler

Die Webentwicklererweiterung fügt einem Browser verschiedene Webentwickler -Tools hinzu. Die Erweiterung ist für Chrome, Edge, Firefox und Opera verfügbar und wird auf jeder Plattform ausgeführt, die diese Browser unterstützen, einschließlich Windows, OS X und Linux.

Die Erweiterung kann von seiner Startseite installiert werden:

• Homepage: https://chrisespedlerick.com/work/web-developer/

Oder direkt aus den Repositories für Chrom-, Rand-, Firefox- oder Opernerweiterungs -Repositories:

• Chrome: https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
• Rand: https://microsoftedge.microsoft.com/addons/detail/web-developer/ilbdhapjffldgngebmnkdodohjapjccm
• Firefox: https://addons.mozilla.org/en-us/firefox/addon/web-developer/
• Opera: https://addons.opera.com/en/extensions/details/web-developer/

Ankündigungen

Für Ankündigungen zur Webentwicklererweiterung, einschließlich Nachrichten über Beta -Veröffentlichungen und Voransichten der kommenden Versionen, folgen:

• Blog: https://chrisespedlerick.com/blog/
• MASTODON: https://social.lol/@chrizspedlerick

Helfen

Hilfe für die Erweiterung der Webentwickler finden Sie auf der Startseite:

• HILFE: https://chrisespedlerick.com/work/web-developer/help/
• Bekannte Themen: https://chrisespedlerick.com/work/web-developer/issues/
• To-do-Liste: https://chripsederick.com/work/web-developer/to-do/

Um ein neues Problem zu melden oder eine neue Funktion vorzuschlagen, kontaktieren Sie mich bitte:

• Kontakt: https://chrisespedlerick.com/contact/

Entwickler

Technologien

Die Webentwicklererweiterung ist in JavaScript, HTML und CSS geschrieben.

Erweiterungsdokumentation

Informationen zum Schreiben von Browser -Erweiterungen finden Sie in der Dokumentation Chrome, Firefox und Opera:

• Chrome: https://developer.chrome.com/docs/extensions/
• Edge: https://learn.microsoft.com/en-us/microsoft-edl/extension-crom/
• Firefox: https://developer.mozilla.org/en-us/docs/mozilla/add-ons
• Opera: https://dev.opera.com/extensions/

Prozess erstellen

Die Erweiterung verwendet das Gulp -Build -System.

Sobald Gulp installiert ist, wird die Erweiterung erstellt, indem Folgendes ausgeführt wird:

 gulp

Um die Verlängerung für Chrom-, Kanten-, Firefox- oder Opera gulp chrome , gulp edge , gulp firefox oder gulp opera zu erstellen.

Wenn die Erweiterung erstellt wird, werden build/chrome , build/edge , build/firefox und build/opera Verzeichnisse sowie verpackte Versionen der Erweiterungen build/web-developer-chrome.zip , build/web-developer-edge.zip , build/web-developer-firefox.xpi und build/web-developer-opera.nex .

Die Erweiterung kann in Chrom, Kante, Firefox oder Opera installiert werden, indem die ausgepackte Erweiterung in build/chrome , build/edge , build/firefox oder build/opera wie in Chrome, Edge, Firefox und Opera beschrieben geladen wird.

Enthalten Bibliotheken

Die folgenden Bibliotheken werden von der Erweiterung verwendet und in der Erweiterung aufgenommen: IS:

• Bootstrap: https://getbootstrap.com/
• Codemirror: https://codemirror.net/
• Dompurify: https://github.com/cure53/dompurify
• Eric Meyers Reset CSS: https://meyerweb.com/eric/tools/css/reset/
• JS-Verschieber: https://github.com/beautify-web/js-beautify
• mustache.js: https://github.com/janl/mustache.js/ importiert von https://unpkg.com/browse/[email protected]/mustache.js

Sie sollten nicht abgesehen von der Aktualisierung ihrer neuesten Versionen aus Wartungsgründen geändert werden.

Ikonen

Die in der Ausdehnung verwendeten Ikonen stammen von Nucleo und alle neuen Ikonen, die in der Ausdehnung verwendet werden, sollten ebenfalls von dort zur Konsistenz kommen.

Editorkonfiguration

Eine EditorConfig -Datei ist enthalten, um den Codierungsstil für verschiedene Redakteure zu vereinen.

Anerkennung

Unterstützt von:

• Sträuber

Autor

Chris Pederick

• https://chrisespedlerick.com/
• https://social.lol/@chrizpedlerick

Lizenz

Alle Dateien werden unter den Bedingungen der GNU General Public Lizenz kostenlos verteilt. Dies gilt nicht für die eingeschlossenen Bibliotheken oder Icons, die im Entwicklerabschnitt mit eigenen individuellen Lizenzen erwähnt werden.