Актуализированный репринт авторской статьи с форума Ru-Board • [веб-архив] Дата публикации: 15.02.2014. Последнее изменение на форуме: 10.09.2021. ★ Материал репринта обновлён, дополнен и исправлен по состоянию на 20.12.2024.
Подборка ссылок на расширения и другие инструменты для удобной и комфортной работы разработчика. Изучаем и разбираемся, как это всё работает и как можно сделать что-то своё.
В этой подборке:
Обозначения: [Ⓐ] анонс [©] источник [®] исходник [✻] описание [☰] обзор [1.0] версия [✇] архив [⚒] форк [Ru] форум
Как говорится, "перед тем как вы начнёте", хотелось бы сказать о некоторых основных моментах.
1. Чаще всего "пациент" (исходное расширение для доработки или изучения) попадает "на стол" в упакованном виде – либо в формате стандартного zip‑архива с исходным кодом, либо в формате установщика (crx‑файл, модифицированный zip‑архив). В этом случае следует сначала распаковать архив (или установщик) с помощью любого архиватора (zip, rar, 7Zip или встроенными средствами системы) в отдельную папку, с содержимым которой вы и будете работать.
2. Основное "полезное" содержание любого аддона состоит из (фактически) текстовых файлов, содержащих собственно код расширения. Простейшим средством редактирования кода расширений в Windows является стандартный Блокнот.) Для простой правки кода его более чем достаточно, но, если планируется всерьёз разобраться во "всей этой кухне", лучше использовать редакторы с расширенными возможностями (подсветка синтаксиса, автозавершение тегов, проверка кода и т.д.). Классическим примером достаточно лёгкого и мощного редактора* является Notepad++.
* Рекомендуется к применению для разработчиков исходного кода и энтузиастов. Кроме удобной ручной правки html‑файлов, скриптов и стилей с настраиваемой подсветкой синтаксиса, для редактора Notepad++ существует множество готовых дополнений** (плагинов, макросов и скриптов), позволяющих быстро и качественно сжимать или форматировать файлы исходного кода. Применение плагинов значительно облегчает труд разработчика, ускоряет рутинные операции и, в итоге, даёт более качественный код переделываемого аддона.
** Также, при желании, пользователи редактора могут писать собственные дополнения, "заточенные" под решения каких‑либо нестандартных задач. Примером подобного приложения может служить продвинутый конвертер CSS‑файлов, написанный в рамках работ по изменению текущего дизайна сайтов нашего Проекта. В общем, "не боги горшки обжигают", если у вас есть потребность в каком‑то "специфическом" инструменте (и если вы не нашли ничего подходящего)) – просто напишите свой код, это достаточно легко и просто. :)
3. Чтобы ваши эксперименты были успешными, следуйте самому главному правилу: Если вы что-либо редактируете в текстовых файлах расширения или темы (напр., скрипты, манифест, html), помните, что исправленные файлы необходимо сохранять только в формате UTF‑8! В противном случае ваше расширение/тема не будет нормально упаковываться и/или, в дальнейшем, не будет устанавливаться и/или работать! Особенно это касается файла манифеста и файлов, содержащих буквенные символы, отличные от латиницы (OEM/Unicode).
4. Не пытайтесь редактировать установленные в браузер расширения, модифицируя их ресурсы непосредственно в папке установки (в вашем профиле) – это однозначно приводит к ошибке при проверке браузером хэша установленных аддонов с последующим отключением таких "повреждённых" расширений и/или их восстановлением из репозитория (естественно, при этом все ваши изменения будут потеряны).
5. Во избежание лишних вопросов – внимательно читаем эти статьи:
Дополнения для облегчения отладки аддонов и скриптов, настройки стилей и дизайна в целом.
Вызов: F12 или Ctrl+Shift+I/J на любой просматриваемой странице.
Полезные сайты и онлайн-сервисы для разработчиков расширений.
Аддоны-кнопки быстрого вызова онлайн-сервисов Для перехода на сайты, можно заменить закладками.
Обсуждение особенностей распаковки/упаковки для браузеров версий 62+: читаем отсюда и далее.
Если у вас есть что добавить к этому списку – просьба отписаться в комментариях к статье. …не забываем смотреть в "похожих" у понравившихся аддонов, чтоб "два раза не вставать"…)) …и кроме того – другие подходящие расширения ищем самостоятельно в разделе для разработчиков.
Смотрим также: другие статьи рубрики "Тематические подборки расширений".
