web developer

Développeur Web

L'extension du développeur Web ajoute divers outils de développeur Web à un navigateur. L'extension est disponible pour Chrome, Edge, Firefox et Opera, et fonctionnera sur n'importe quelle plate-forme que ces navigateurs prennent en charge, y compris Windows, OS X et Linux.

L'extension peut être installée à partir de sa page d'accueil:

• Page d'accueil: https://chrispederick.com/work/web-developer/

Ou directement à partir des référentiels Chrome, Edge, Firefox ou Opera:

• Chrome: https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
• Edge: https://microsoftedge.microsoft.com/addons/detail/web-developer/ilbdhapjffldgngebmnkdohjapjccm
• Firefox: https://addons.mozilla.org/en-us/firefox/addon/web-developer/
• Opéra: https://addons.opera.com/en/extensions/details/web-developer/

Annonces

Pour les annonces sur l'extension du développeur Web, y compris les nouvelles sur les sorties bêta et les aperçus des versions à venir suivent:

• Blog: https://chrispederick.com/blog/
• Mastodon: https://social.lol/@chrispederick

Aide

L'aide pour l'extension du développeur Web peut être trouvée sur sa page d'accueil:

• Aide: https://chrispederick.com/work/web-developer/help/
• Problèmes connus: https://chrispederick.com/work/web-developer/issues/
• Liste à faire: https://chrispederick.com/work/web-developer/to-do/

Pour signaler un nouveau numéro ou suggérer une nouvelle fonctionnalité, veuillez me contacter:

• Contact: https://chrispederick.com/contact/

Développeurs

Technologies

L'extension du développeur Web est écrite en JavaScript, HTML et CSS.

Documentation d'extension

Pour plus d'informations sur la façon d'écrire les extensions du navigateur, consultez la documentation Chrome, Firefox et Opera:

• Chrome: https://developer.chrome.com/docs/extensions/
• Edge: https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium/
• Firefox: https://developer.mozilla.org/en-us/docs/mozilla/add-ons
• Opéra: https://dev.opera.com/extensions/

Procédure de construction

L'extension utilise le système de construction Gulp.

Une fois Gulp installé, l'extension est construite en exécutant ce qui suit:

 gulp

Pour construire l'extension de Chrome, Edge, Firefox ou Opera ne fait que gulp chrome , gulp edge , gulp firefox ou gulp opera respectivement.

Lorsque l'extension est construite, il crée des répertoires de build/chrome , build/edge , build/firefox et build/opera ainsi que des versions emballées des extensions build/web-developer-chrome.zip , build/web-developer-edge.zip build/web-developer-firefox.xpi , and build/web-developer-opera.nex .

L'extension peut être installée dans Chrome, Edge, Firefox ou Opera en chargeant l'extension déballée dans build/chrome , build/edge , build/firefox ou build/opera respectivement comme décrit dans la documentation Chrome, Edge, Firefox et Opera.

Bibliothèques incluses

Les bibliothèques suivantes sont utilisées par et incluses dans l'extension tel quel:

• Bootstrap: https://getbootstrap.com/
• Codemirror: https://codemirror.net/
• DOMPURIFY: https://github.com/cure53/ompurify
• Réinitialisation d'Eric Meyer CSS: https://meyerweb.com/eric/tools/css/reset/
• JS BEADific: https://github.com/beautify-web/js-beautify
• Mustache.js: https://github.com/janl/mustache.js/ importé de https://unpkg.com/browse/[email protected]/mustache.js

Ils ne doivent pas être modifiés de la mise à jour à leurs dernières versions pour des raisons de maintenance.

Icônes

Les icônes utilisées dans l'extension proviennent de Nucleo et toutes les nouvelles icônes utilisées dans l'extension devraient également provenir de la cohérence.

Configuration de l'éditeur

Un fichier EditorConfig est inclus pour unifier le style de codage pour différents éditeurs.

Remerciements

Soutenu par:

• Dos de navigateur

Auteur

Chris Pederick

• https://chrispederick.com/
• https://social.lol/@chrispederick

Licence

Tous les fichiers sont distribués gratuitement en vertu des termes de la licence publique générale GNU. Cela ne s'applique pas aux bibliothèques ou icônes incluses mentionnées dans la section des développeurs qui ont leurs propres licences individuelles.