Создайте расширение Google Chrome за две минуты

Вы когда-нибудь задумывались, как создаются расширения в вашем браузере? В этом простом руководстве вы узнаете, с чего начать писать расширение.

Шаг первый: создайте файл HTML

Начните с создания файла index.html

Файл index.html будет ядром вашего расширения.

Шаг второй: создайте файл манифеста JSON

Создайте файл с именем manifest.json со следующим кодом:

Обратите внимание на две вещи:

  • имя: это будет имя вашего расширения
  • default_popup: он будет использовать ваш файл index.html в качестве отправной точки для вашего расширения.

Шаг третий: загрузите расширение

Откройте браузер Google Chrome и нажмите кнопку «Расширения» в правом верхнем углу.

Затем нажмите «Управление расширениями» и включите «Режим разработчика».

Нажмите на кнопку «Загрузить распакованное» и выберите папку вашего проекта, в моем случае это папка с именем «ChromeExtension», выберите эту папку и нажмите «Выбрать папку».

Вы добавили новое расширение. Нажмите на иконку «Расширения» в вашем браузере, и вы найдете свое новое сверкающее расширение!

Нажмите на свое новое расширение, и вы увидите результат своей тяжелой работы 😎

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

Поздравляем, вы только что написали свое первое расширение
🎉🎉🎉

Спасибо, что нашли время прочитать мою статью, до скорой встречи! 🙏