Install and manage extensions

Содержание

# Give users options

The extension currently only allows users to change the background to green. Including an options page gives users more control over the extension’s functionality, further customizing their browsing experience.

Start by creating a file in the directory named and include the following code.

Then register the options page in the manifest,

Reload the extension and right-click the extension icon in the toolbar then select Options. Alternatively, click DETAILS and scroll down the details page and select Extension options.

The last step is to add the options logic. Create a file named in the extension’s directory with the following code.

Four color options are provided then generated as buttons on the options page with onclick event listeners. When the user clicks a button, it updates the color value in the extension’s storage. Since all of the extension’s files pull the color information from this storage, no other values need to be updated.

Live Start Page

Дополнение для Google Chrome, которое сделает вашу стартовую страницу в браузере яркой и позитивной с помощью установки красивых обоев. Теперь панель с вкладками можно заменить на эффектную и мотивационную анимацию, а также пользоваться всеми возможностями, доступными в расширении:

  • можно запускать режим медитации и просматривать живые обои, вдохновляться природой и ее звуками;
  • психологические обои настраивают на правильный лад, улучшают сон и мозговую деятельности;
  • большая коллекция статичных и динамичных фонов;
  • актуальный прогноз погоды и время;
  • окно для составления задач на день;
  • несколько вариантов отображения часов.

Расширения Google Chrome для повышения производительности

RescueTime

Плагин отслеживает, сколько времени вы проводите на тех или иных ресурсах в течение дня. Помогает осознать, как много часов уходит впустую и пересмотреть свой график. Списки «Полезных» и «Вредных» сайтов настраиваются индивидуально. Чтобы воспользоваться расширением, нужно зарегистрироваться в веб-версии сервиса. Она платная, доступен двухнедельный триал.

Краткий обзор RescueTime: https://www.youtube.com/watch?v=yu0hbQgwQA0.

Tomato Clock

Простой плагин для работы по технике Pomodoro — короткими 25-минутными интервалами с 5-минутными перерывами. Длительность рабочих периодов и перерывов можно настраивать, а уведомления помогут не пропустить очередной «помидор».

Интерфейс предельно прост и лаконичен

Block Site

Довольно функциональный блокировщик сайтов, который помогает бороться с соблазном променять отчет на очередное видео любимого блогера. Установите расширение, добавьте «запретные» сайты в список и установите для них режим — в какое время доступ будет открыт.

При попытке зайти на заблокированный сайт появляется сообщение

Управление

Чтобы выполнять различные операции над установленными дополнениями (отключение, удаление), необходимо открыть вкладку с их перечнем. Щёлкните кнопку «Меню» и перейдите в списке: Дополнительные инструменты → Расширения.

Чтобы временно деактивировать аддон, не удалять полностью, в его строке уберите «галочку» в окошке «Включить».

Выполнение полной деинсталляции выполняется при помощи кнопки «Корзина». После её нажатия подтвердите действие: в запросе выберите ответ «Удалить».

Для просмотра справочной информации об аддоне (предназначение, версия, объём), в его блоке, под текстом описания, щёлкните ссылку «Подробнее».

В некоторых дополнениях, кроме ссылки «Подробнее», предусмотрена опция «Параметры» для гибкой отстройки функционирования (активация в режиме инкогнито, запуск локальных файлов).

Awesome Screenshot

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

Основные функции:

  • можно захватывать весь экран или часть страницы;
  • режим размытия личной информации (логины, пароли, номера телефонов, данные платежных карт, адресаты и т.д.);
  • можно быстро поделиться скринкастом одним нажатием кнопки;
  • поддержка формата PNG;
  • можно делать снимок экрана рабочего стола;
  • доступна обрезка, прокрутка, демонстрация замеров области;
  • сохранение доступно на диске или в облаке.

# Take the next step

Congratulations! The directory now holds a fully-functional, albeit simplistic, Chrome extension.

What’s next?

  • The Chrome Extension Overview backs up a bit, and fills in a lot of detail about the Extensions architecture in general, and some specific concepts developers will want to be familiar with.
  • Learn about the options available for debugging Extensions in the debugging tutorial.
  • Chrome Extensions have access to powerful APIs above and beyond what’s available on the open web. The chrome.* APIs documentation will walk through each API.
  • The developer’s guide has dozens of additional links to pieces of documentation relevant to advanced extension creation.

Events

onRequest

Manifest V2 Deprecated

Please use .

Fired when a request is sent from either an extension process or a content script.

Event

  • listener
    function

    The listener parameter should be a function that looks like this:

    • request
      any

      Deprecated

      The request sent by the calling script.

    • sender

      Deprecated

    • sendResponse
      function

      Deprecated

      Function to call (at most once) when you have a response. The argument should be any JSON-ifiable object, or undefined if there is no response. If you have more than one listener in the same document, then only one may send a response.

      The sendResponse function looks like this:

Manifest V2 Deprecated

Please use .

Fired when a request is sent from another extension.

Event

  • listener
    function

    The listener parameter should be a function that looks like this:

    • request
      any

      Deprecated

      The request sent by the calling script.

    • sender

      Deprecated

    • sendResponse
      function

      Deprecated

      Function to call when you have a response. The argument should be any JSON-ifiable object, or undefined if there is no response.

      The sendResponse function looks like this:

Mailtrack для почты Gmail

Такое расширение для браузера Google Chrome будет полезно всем, кто активно работает со своей электронной почтой. Вы сможете отслеживать отправленные письма в рамках почтовой системы Gmail и Inbox, чтобы видеть, были ли они прочитаны получателем. Также в интерфейс почтового сервиса добавляются специальные опции с расширенным набором значений.

Ключевые возможности:

  • опция двойных галочек позволяет отслеживать, было ли письмо прочитано, а вы получаете отчет об этом;
  • можно видеть, сколько раз письмо было прочитано;
  • фильтр для прочитанных и непрочитанных писем;
  • бесплатный доступ к приложению.

Бесплатная накрутка просмотров на посты и охват VK

Опубликовано 14/04/2019

Привет! В данной статье я вам расскажу, как можно бесплатно и полностью на автомате накручивать просмотры на посты в социальной сети Вконтакте, а так же в конце статьи, будет информация о том, как можно это монетизировать!

Бесплатная накрутка просмотров во VK

Когда был добавлен счётчик просмотров во VK, разработчики утверждали, что у них есть система защиты от ботов.

Но есть один способ, с помощью которого можно, без каких либо усилий, абсолютно каждому накрутить себе просмотры.

Для этого нам понадобится браузер Google Chrome и рабочая страничка во Вконтакте.

Инструкция по использованию

Вначале, нам надо установить расширение с официального маркета Хрома, это можно сделать по этой ссылке.

Далее, нам надо открыть расширение, а это можно сделать справа от адресной строки, кликнув по расширению:

Сразу же после этого начнется работа и расширение начнет накапливать очки. (эти очки автоматически накапливаются, за счет того, что расширение в автоматическом режиме просматривает чужие записи).

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

Но так как сервис недостаточно известный можно бегунок оставить где-то посередине, из-за того, что заданий не очень много. Со средней скоростью вы и так успеете все выполнить.

Ну допустим, балы есть, что дальше делать?

После того, как вы установили это расширение под каждым постом во Вконтакте у вас появился вместо обычного счетчика — кликабельный. Для заказа, вам просто нужно нажать на этот счетчик и вписать необходимое количество просмотров:

И после этого мы просто нажимаем на кнопку «Накрутить» и все! Просмотры практически моментально будут добавлены на пост.

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

И как же заработать на этом?

Существует много направлений, для которых может понадобится эта накрутка просмотров (например для поднятия визуальной активности в группе/паблике).

Самый очевидный и довольно таки простой способ — это продать на какой-нибудь бирже.

Как вариант — это предлагать услуги на бирже KWORK.RU обзор на которую я недавно выпустил. Очень советую прочитать!

Как видно из данного примера, данная услуга популярна среди заказчиков.

Фактически не потратив ни копейки, можно получить 400 рублей с каждого заказа. (kwork берет себе 100 рублей за каждый заказ)

Конечно же при большом количестве заказов у вас могут закончится очки. В так случае есть возможность купить очки прямо в расширении.

Для этого нужно нажать на плюсик в меню расширения.

И теперь немного математики…

Для накрутки в 12 тысяч просмотров нужно 60 тысяч очков, что при покупке очков составит менее ста рублей. (а при покупке оптом и того меньше!)

Таким образом выходит меньше прибыли с заказа, но существенно будет увеличен объём заказов!

  • Заработок
  • Обзор схем
  • Полезная информация

# Add functionality

The extension is now installed, but it doesn’t currently do anything because we haven’t told it what to do or when to do it. Let’s fix that by adding some code to store a background color value.

Register the background script in the manifest

Background scripts, like many other important components, must be registered in the manifest. Registering a background script in the manifest tells the extension which file to reference, and how that file should behave.

Chrome is now aware that the extension includes a service worker. When you reload the extension, Chrome will scan the specified file for additional instructions, such as important events it needs to listen for.

Create the background script

This extension will need information from a persistent variable as soon as it’s installed. Start by including a listening event for in the background script. Inside the listener, the extension will set a value using the storage API. This will allow multiple extension components to access that value and update it. Inside the extension’s directory create a file named and add the following code.

Inspect the background script

Navigate back to the extension management page and click the Reload link. A new field, Inspect views, becomes available with a blue link, service worker.

Click the link to view the background script’s console log, «»

# Create the manifest

Extensions start with their manifest. Create a file called and include the following code.

The directory holding the manifest file can be added as an extension in developer mode in its current state.

  1. Open the Extension Management page by navigating to .
    • Alternatively, open this page by clicking on the Extensions menu button and selecting Manage Extensions at the bottom of the menu.
    • Alternatively, open this page by clicking on the Chrome menu, hovering over More Tools then selecting Extensions
  2. Enable Developer Mode by clicking the toggle switch next to Developer mode.
  3. Click the Load unpacked button and select the extension directory.

Ta-da! The extension has been successfully installed. Because no icons were included in the manifest, a generic icon will be created for the extension.

Расширения Google Chrome для работы с текстами

Word Counter Plus

Считает количество знаков, слов, а также среднее и максимальное количество символов в одном слове для выделенного фрагмента текста на веб-странице. Работает без регистрации и авторизации. Чтобы воспользоваться, выделите нужный фрагмент, кликните правой кнопкой мыши и выберите в меню команду “Word Counter Plus”.

С Google Документами не работает

Аналогичные плагины: Characters and words counter, Word Counter.

LanguageTool

Проверяет тексты на орфографические и грамматические ошибки, может обнаружить некоторые проблемы со стилем. Находит недочеты, которые не видят стандартные средства проверки. Работает на большинстве сайтов, в соцсетях и почтовых сервисах. Можно проверять текст, который пишете вы, или любой фрагмент, опубликованный на сайте.

При проверке опубликованного фрагмента он открывается в новом окне с возможностью редактировать текст

Для проверки ошибок в текстах можно использовать также расширения Яндекс.Спеллер и Проверка Правописания. Плагинов для поиска ошибок в тексте больше, но эти 3 работают с русским языком.

Главред

Как и одноименный сервис для редакторов, плагин находит словесный мусор, канцеляризмы, модальные глаголы и другие конструкции, которые загромождают текст. Чтобы воспользоваться, скопируйте фрагмент, кликните на иконку в браузере и вставьте текст в открывшееся поле.

Так выглядят результаты проверки через плагин

LinguaLeo English Translator

Переводит слова, фразы и фрагменты текста на сайтах и в блогах. Пригодится при сборе информации из иностранных источников. По двойному клику переведет любое слово на странице.

Также можно кликнуть по иконке плагина и вставить в открывшееся окно фрагмент текста

Для перевода слов и фраз на сайтах также можно использовать расширения Google Dictionary, Mate Translate, Google Переводчик.

Расширения Google Chrome для SEO и подбора семантики

SEOquake

Набор инструментов для SEO-специалиста. Показывает ключевые параметры страниц, целых сайтов или поисковой выдачи — посещаемость, количество внешних и внутренних ссылок, рейтинг Alexa, число лайков в Facebook и многое другое. После активации плагина слева от поисковой выдачи Google появляется панель с настройками, а под каждым результатом — SEO-показатели страницы.

Открыв сайт, можно просмотреть основные параметры на панели вверху страницы или кликнуть по иконке плагина, чтобы открыть окно с детальной информацией

Check My Links

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

Также показывает общее количество «хороших» и «плохих» ссылок на странице

Redirect Path

Плагин для узкой задачи — проверки редиректов на странице и кодов ответа для них. Позволяет выявить проблемные редиректы, чтобы быстро исправить ошибки.

По клику на иконку открывается окно с информацией по странице, на которой вы сейчас находитесь

SEO meta in 1 click

Пригодится при SEO-аудите и анализе сайтов конкурентов, чтобы определить ключевые показатели страниц — title и description, а также количество символов в них, заголовки h1-h6, URL, количество изображений с альтом и без него, данные Open Graph и многое другое.

По клику на иконке плагина в браузере, открывается всплывающее окно с данными

SEO meta in 1 click — далеко не единственное расширение для SEO-аудита. Ту же информацию можно получить через MozBar, Open SEO Stats, SEO Analysis & Website Review, RDS Bar.

Yandex Wordstat Assistant

Расширение для работы с Яндекс.Вордстатом в Google Chrome. Делает подбор ключевых запросов удобнее. Просматривая статистику, можно добавлять подходящие слова кликом по иконке «+» в список, а потом скопировать все ключи сразу вместе с частотностями или без них.

Сформированный список сохраняется после закрытия Вордстата. Чтобы начать заново, нужно очистить его кликом по крестику в правом верхнем углу

YWA — это удобный инструмент, если нужно быстро собрать ключевики руками в Вордстате по какой-то конкретной теме. Для системной работы он не подходит. Нужен уже специализированный сервис — например, Медиапланер Click.ru. Он собирает ключевые слова на основе семантики сайта, из счетчиков статистики и путем углубления базовой семантики.

Keywords Everywhere

Помогает собирать семантику для продвижения в Google. На поиске показывает дополнительные запросы, которые пользователи часто вводят вместе с текущей фразой. На сторонних сайтах анализирует метатеги, текст, заголовки и собирает ключи, под которые оптимизирована страница.

По клику на подобранные запросы открывается поисковая выдача по ним

Как посмотреть свои дополнения: поиск на ПК

Пользователю Google Chrome доступно как минимум 5 простых способов найти место, в котором находятся расширения. На то, чтобы отыскать их, уйдет не больше 30–60 секунд.

Интерфейс браузера: способы увидеть

Если у вас уже установлены какие-либо расширения, найти их легко. Соответствующие им значки находятся в верхней панели браузера справа от адресной строки.

Достаточно кликнуть по пиктограмме интересующего вас дополнения, чтобы получить доступ к функциям управления. Альтернативный вариант – кликнуть на иконку с тремя точками и в выпадающем меню навести курсор на пункт «Дополнительные инструменты», а в новом меню выбрать «Расширения».

После выбора это пункта откроется страница, на которой находятся все расширения.

Через настройки

Чтобы найти местоположение дополнений через интерфейс веб-браузера, кликните на кнопку с тремя вертикальными точками в верхнем правом углу программы, выберите пункт «Настройки». В открывшемся окне в расположенном слева меню выберите пункт «Расширения».

Откроется новая страница, на которой находится полный список всех установленных приложений.

Один из самых быстрых способов найти список дополнений – ввести в адресную строку ссылку «chrome://extensions/» без кавычек и нажать Enter.

Через значок расширений

В новых версиях программы справа от адресной строки находится специальный значок. Укажите на пиктограмму пазла и в выпадающем меню отобразятся установленные расширения.

Чтобы найти страницу с дополнениями, нажмите на пункт «Управление расширениями». А также можно управлять отдельными программами прямо из этого списка. Для этого напротив интересующего вас пункта нажмите кнопку с тремя точками и выберите необходимое действие.

Расширения Google Chrome для веб-дизайна и разработки

Lighthouse

Анализирует качество и производительность страницы. Оценивает ресурс по множеству параметров, в том числе скорости загрузки и показателям SEO-оптимизации. Тестирование может занять некоторое время.

Отчет открывается в новой вкладке

Похожее расширение — Google PageSpeed Insights. Но тут упор на скорость загрузки. Информация сюда подтягивается как раз из Lighthouse.

Google Tag Assistant

Определяет установленные на странице теги Google, анализирует их работу и показывает ошибки. Неправильно установленные теги отмечаются красным. По клику по конкретному коду можно посмотреть детали и выяснить, в чем конкретно проблема.

Так выглядят результаты проверки

WhatFont

После включения плагина он будет показывать шрифт любого фрагмента текста на любой странице. Чтобы определить его, нужно просто навести курсор на слово.

Так работает WhatFont

Аналоги: Font Finder, Fonts Ninja.

Eye Dropper

Определяет цвет любого фона, фрагмента изображения или элемента на странице. Чтобы воспользоваться, откройте расширение, кликните “Pick color from web page”, а затем — на элемент страницы.

Цвета сохраняются в расширении. Там же можно скопировать код нужного цвета

Определить цвета элементов сайта можно также с помощью ColorZilla и ColorPick Eyedropper.

CSS Peeper

Плагин показывает содержание CSS-файла страницы — шрифты, коды цветов, размеры элементов и другие параметры. Еще одна удобная функция — экспорт изображений, в том числе гифок и иконок.

В отдельной вкладке отображаются все цвета, которые использованы на странице

Просматривать стили сайтов можно также с помощью CSSViewer.

Corporate Ipsum

Плагин генерирует произвольный текст нужного объема для заполнения макетов сайтов, презентаций, приложений. Пригодится маркетологам, которые самостоятельно делают лендинги, не имея на руках готового «настоящего» текста.

Длина выставляется через ползунок, скопировать фрагмент можно в один клик

Похожее расширение: Lorem Ipsum Generator

Window Resizer

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

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

Где скачивать дополнения

Загружать дополнения необходимо из официального магазина приложений.

Или введите в адресную строку URL сервиса — https://chrome.google.com/webstore/category/extensions.

На открывшейся страничке при помощи поля «Поиск» расширения можно искать непосредственно по его названию. Даже если вы помните его только частично, например, только первые литеры.

Также можно указывать тип плагина (к примеру, «Антибаннер»).

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


Допустим, если пользователь решил избавиться от рекламных баннеров, необходимо в поисковой строчке набрать «блокировка рекламы».

В дополнение к указанному запросу пользователю предоставляется возможность подключать сортировочные фильтры:

Разновидность (в данном случае «Расширение») и категория (по функциональному предназначению);

Возможности (по особенностям — работа в режиме офлайн, от разработчиков компании Google, бесплатные и т.д.).

Оценки (по рейтингу популярности: чем больше звёзд, тем популярней плагин).

# Introduce a user interface

Extensions can have many forms of a user interface; this one will use a . Create and add a file named to the extension’s directory. This extension uses a button to change the background color.

Like the background script, this file must be declared in the manifest in order for Chrome to present it in the extension’s popup. To do this, add an object to the manifest and set as the action’s .

This popup’s HTML references an external CSS file named . Add another file to the extension’s directory, name it appropriately, and add the following code.

Designation for toolbar icons is also included under in the field. Download the images folder here, unzip it, and place it in the extension’s directory. Update the manifest so the extension knows how to use the images.

Extensions also display images on the extension management page, the permissions warning, and favicon. These images are designated in the manifest under .

By default, extensions appear in the extensions menu (the puzzle piece). Pinning the extension will display the icon in the toolbar.

If the extension is reloaded at this stage, it will include the provided icon rather than the default placeholder, and clicking the action will open a popup that displays a button showing the default color.

The last step for the popup UI is adding color to the button. Create and add a file named with the following code to the extension’s directory.

This code grabs the button from and requests the color value from storage. It then applies the color as the background of the button. Include a script tag to in .

Reload the extension to view the green button.

Install an extension

Important: You can’t add extensions when you browse in Incognito mode or as a guest.

  1. Open the Chrome Web Store.
  2. Find and select the extension you want.
  3. Click Add to Chrome.
  4. Some extensions will let you know if they need certain permissions or data. To approve, click Add extension

    Important: Make sure you only approve extensions that you trust.

    .

To use the extension, click the icon to the right of the address bar.

If you’re using a computer through your work or school, your organization might block some extensions.

Install on your phone

  1. On your phone, open the Chrome app . If you haven’t yet, sign in to Chrome.
  2. Find the extension you want.
  3. Tap Add to Desktop.
  4. Confirm by tapping Add to Desktop.

The next time you open Chrome on your computer, you’ll see a message that the extension was installed. If the extension needs some permissions, you’ll be asked. To approve, click Enable extension.

Install with a Windows or Mac application

Sometimes, when you install an application on Windows or Mac, it also installs a Chrome extension. The next time you open Chrome:

  • To grant permissions and use the extension, click Enable.
  • To delete the extension, click Remove.

Install with Enhanced Safe Browsing

For additional protection when you install a new extension from the Chrome Web Store, you can use Enhanced Safe Browsing. If you enable Enhanced Safe Browsing in Chrome, it warns you when an extension you want to install isn’t trusted. Extensions are considered trusted when they’re built by a developer who follows the Chrome Web Store Developer Program Policies.

For new developers, it generally takes a few months to become trusted. Eventually, we strive for all developers with compliant extensions to reach this status upon meeting our developer program policies.

Install trusted extensions

When you try to install an extension, a dialog appears.

  • If the extension you’re about to install isn’t trusted by Enhanced Safe Browsing, it says “This extension is not trusted by Enhanced Safe Browsing.”
    • To install the extension anyways, click Continue to install.
    • To abort the installation, click Close.
  • If the extension is trusted by Enhanced Safe Browsing, click Add extension to complete the installation.

Uninstall an extension

To the right of your address bar, look for the extension’s icon. Right-click the icon and select Remove from Chrome.

If you don’t see the extension’s icon:

  1. On your computer, open Chrome.
  2. At the top right, click More More tools Extensions.
  3. On to the extension you want to remove, click Remove.
  4. Confirm by clicking Remove.

Use extensions on any computer

To use your extensions on any computer, sign in to Chrome.

Arrange on your toolbar

To the right of your address bar, find your extensions’ icons.

  1. On your computer, open Chrome.
  2. Drag the extension’s icon to its new place.

Hide extensions

  • To hide individual extensions:

    1. Right-click the icon.
    2. Select Unpin.
  • To see your hidden extensions: Click Extensions .

Что с ними можно делать: как управлять

Установленное расширение можно отключить либо удалить из Гугл Хром с возможностью дальнейшего восстановления. Для выполнения обоих действий нужно зайти в настройки:

В открывшемся окне вы сможете найти список доступных сейчас расширений. Чтобы на время отключить одно из них, нажмите на ползунок. Если он подсвечен синим цветом – включен, когда серым – отключен. Никакие подтверждения для включения/отключения не нужны.

Чтобы полностью удалить встроенное приложение из Гугл Хром, нажмите на кнопку «Удалить» рядом с ползунком. После этого откроется всплывающее уведомление, в котором нужно повторно нажать на кнопку «Удалить» для подтверждения операции. Можно поставить галочку «Пожаловаться на нарушение» в том случае, если вы остались чем-то недовольны или есть ошибка.

Отчеты о нарушениях направляются напрямую в Google и в целом приводят к постоянному улучшению работы как самих плагинов, так и браузера. По возможности сообщайте о нарушениях.

Более обширная функциональность в управлении открывается при включении режима разработчика:

При включенном режиме вы увидите дополнительное меню сверху, с помощью которого можно как установить распакованный файл с диска, так и запаковать уже установленную программу. Здесь же есть кнопка «Обновить», которая запускает автоматическое обновление всего списка.

Во второй рамке отмечены функции, которые могут быть полезны. Например, если вы не хотите, чтобы расширение работало на страницах с режимом инкогнито, нажмите на первый ползунок.

# Layer logic

The extension now has a custom icon and a popup, and it colors the popup button based on a value saved to the extension’s storage. Next, it needs logic for further user interaction. Update by adding the following to the end of the file.

The updated code adds a event listener to the button, which triggers a . This turns the background color of the page the same color as the button. Using programmatic injection allows for user-invoked content scripts, instead of auto inserting unwanted code into web pages.

The manifest will need the permission to allow the extension temporary access to the current page, and the permission to use the Scripting API’s method.

The extension is now fully functional! Reload the extension, refresh this page, open the popup and click the button to turn it green! However, some users may want to change the background to a different color.

Extensions can not inject content scripts on internal Chrome pages like «chrome://extensions». Be sure to try out the extension on a real webpage like https://google.com.