web developer

Веб -разработчик

Расширение веб -разработчика добавляет различные инструменты веб -разработчика в браузер. Расширение доступно для Chrome, Edge, Firefox и Opera, и будет работать на любой платформе, которую поддерживают эти браузеры, включая Windows, OS X и Linux.

Расширение может быть установлено со своей домашней страницы:

• Главная страница: https://chrispederick.com/work/web-developer/

Или непосредственно из хранилища хрома, края, Firefox или Opera Extension:

• Chrome: https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
• Edge: 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/

Объявления

Для объявлений о расширении веб -разработчика, включая новости о бета -выпусках и предварительных просмотрах предстоящих версий:

• Блог: https://chrispederick.com/blog/
• Мастодон: https://social.lol/@chrispederick

Помощь

Помощь для расширения веб -разработчика можно найти на домашней странице:

• Помощь: https://chrispederick.com/work/web-developer/help/
• Известные вопросы: https://chrispederick.com/work/web-developer/issues/
• Список дел: https://chrispederick.com/work/web-developer/to-do/

Чтобы сообщить о новой проблеме или предложить новую функцию, свяжитесь со мной:

• Контакт: https://chrispederick.com/contact/

Разработчики

Технологии

Расширение веб -разработчика написано в JavaScript, HTML и CSS.

Документация по расширению

Для получения информации о том, как написать расширения браузера, проверьте документацию Chrome, Firefox и 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
• Опера: https://dev.opera.com/extensions/

Процесс сборки

Расширение использует систему сборки Gulp.

После установки Gulp расширение строится путем выполнения следующего:

 gulp

Чтобы построить расширение для Chrome, Edge, Firefox или Opera только запустите gulp chrome , gulp edge , gulp firefox или gulp opera соответственно.

Когда расширение построено, он создает каталоги build/chrome , build/edge , build/firefox , а также build/opera , а также упакованные версии Extensions build/web-developer-chrome.zip , build/web-developer-edge.zip , build/web-developer-firefox.xpi и build/web-developer-opera.nex .

Расширение может быть установлено в Chrome, Edge, Firefox или Opera, загружая распакованное расширение в build/chrome , build/edge , build/firefox или build/opera соответственно, как описано в документации Chrome, Edge, Firefox и Opera.

Включены библиотеки

Следующие библиотеки используются и включаются в расширение как есть:

• Bootstrap: https://getbootstrap.com/
• Codemirror: https://codemirror.net/
• Dompurify: https://github.com/cure53/dompurify
• Сброс Эрика Мейера CSS: https://meyerweb.com/eric/tools/css/reset/
• JS Beautifier: https://github.com/beautify-web/js-beautify
• Mustache.js: https://github.com/janl/mustache.js/ imported с https://unpkg.com/browse/[email protected]/mustache.js

Их не следует изменять отдельно, чтобы обновить свои последние версии по соображениям обслуживания.

Значки

Значки, используемые в расширении, взяты из Nucleo, и любые новые значки, используемые в расширении, также должны поступать оттуда для последовательности.

Конфигурация редактора

Файл EditorConfig включен для объединения стиля кодирования для разных редакторов.

Благодарности

Поддерживается:

• Браузрстук

Автор

Крис Педерек

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

Лицензия

Все файлы распространяются бесплатно в соответствии с условиями общей публичной лицензии GNU. Это не относится к включенным библиотекам или значкам, упомянутым в разделе разработчиков, которые имеют свои индивидуальные лицензии.