Как: создать расширение Chron Coronavirus Blocker

Нет больше коронавируса! Постройте этот плагин, чтобы заблокировать его, и вы никогда не увидите это слово снова !!!

Коронавирус был безудержным, они повсюду в газетах, журналах, ТВ, YouTube, Google. Многим надоело читать это слово. Итак, сегодня я покажу вам, как сделать расширение Chrome для блокировки вируса короны, чтобы вы больше его не видели, давайте сразу же перейдем к нему !!!

Примечание:

Chrome прекратит поддержку расширений с 24 марта. Так что, если вы хотите загрузить свои расширения в магазин Chrome, это ваш последний шанс !!!

меры

  • Создайте папку, я назвал ее Coronavirus
  • Создайте файл manifest.json, добавьте содержимое ниже
{"manifest_version": 2, "name": "Иммунитет к коронавирусу", "version": "0.1.0"}
  • введите Chrome: // расширения в адресной строке
  • нажмите Загрузить без упаковки

Выберите проект и нажмите выберите папку

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

Теперь мы можем начать создавать наше собственное расширение, создавать script.js и style.css в папке coronavirus. Мы добавляем следующее содержимое в manifest.json

{"manifest_version": 2, "name": "Иммунитет к коронавирусу", "version": "0.1.0", "content_scripts": [{"match": [" "], // " js ": [" script.js "]," css ": [" styles.css "]}]}

Extension позволяет расширение на всех сайтах

Теперь перейдем к style.css и добавим стиль для этого приложения.

body {background-color: red! важный; }

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

Теперь мы работаем над script.js, чтобы добавить функциональность

ReplaceText (document.body)
function replaceText (element) {if (element.hasChildNodes ()) {element.childNodes.forEach (replaceText)} else if (element.nodeType === Text.TEXT_NODE) ​​{if (element.textContent.match (/ coronavirus / gi) )) {const newElement = document.createElement ('span') newElement.innerHTML = element.textContent.replace (/ (coronavirus) / gi, ' $ 1 ') element.replaceWith (newElement)}}}

Теперь обновите плагин, нажав значок обновления

Веб-сайт Всемирной организации здравоохранения мигает, и это все, мы только что создали приложение для блокирования коронавируса, вы можете поиграть с script.js и загрузить его в Chrome Store с пожизненной платой 5 долларов. Но я бы не советовал вам этого делать, потому что после 24 марта Chrome Store перестает принимать любые расширения и дольше !!! Наслаждаться !!!

видите мигающий «коронавирус», разве это не интересно?

Ресурс

  • Github