Kā: izveidot koronavīrusu bloķētāja Chrome paplašinājumu

Vairs nav koronavīrusa! Veidojiet šo spraudni, lai to bloķētu, un jūs nekad vairs neredzēsit šo vārdu !!!

Koronavīruss kādu laiku ir nikns, tie ir visur avīzēs, žurnālos, TV, youtube, google. Daudziem cilvēkiem ir apnicis lasīt šo vārdu. Tāpēc šodien es jums parādīšu, kā padarīt hroma paplašinājumu, lai bloķētu korona vīrusu, lai jūs to vairs neredzētu, iesim tieši tajā !!!

Paziņojums:

Sākot no 24. marta pārlūks Chrome pārtrauks atbalsta paplašinājumus. Tātad, ja vēlaties augšupielādēt paplašinājumus chrome veikalā, šī ir jūsu pēdējā iespēja !!!

Pakāpieni

  • Izveidojiet mapi, es to nosaucu par Coronavirus
  • Izveidojiet failu manifest.json, pievienojiet zemāk esošo saturu
{"manifest_version": 2, "name": "Coronavirus Immunity", "version": "0.1.0"}
  • adreses joslā ievadiet Chrome: // paplašinājumus
  • nospiediet Ielādēt neiesaiņotu

Atlasiet projektu un nospiediet atlasīt mapi

Tad lapas pirmajā vietā var redzēt nupat izveidoto paplašinājumu

Tagad mēs varam sākt veidot pats savu paplašinājumu, izveidot korponavīrusa mapi script.js un style.css. Mēs manifest.json pievienojam šādu saturu

{"manifest_version": 2, "name": "Coronavirus Immunity", "version": "0.1.0", "content_scripts": [{"match": [" "], // " js ": [" script.js "]," css ": [" stili.css "]}]}

ļauj paplašināt visās vietnēs

Tagad mēs pārejam uz style.css pievienot stilu šai lietojumprogrammai

korpuss {fona krāsa: sarkana! svarīgi; }

Dodieties uz Pasaules Veselības organizāciju, jums vajadzētu redzēt, ka fons ir kļuvis sarkans, tas nozīmē, ka mūsu paplašinājums darbojas !!!

Tagad mēs strādājam pie script.js, lai pievienotu funkcionalitāti

aizstāt tekstu (dokumentu.persona)
funkcija replaText (elements) {if (element.hasChildNodes ()) {element.childNodes.forEach (replaText)} cits, ja (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)}}}

Tagad atsvaidziniet spraudni, noklikšķinot uz atsvaidzināšanas ikonas

Pasaules Veselības organizācijas vietne mirgo, un tas ir viss, mēs tikko esam izveidojuši koronavīrusu bloķētāja lietojumprogrammu, jūs varat spēlēt ar script.js un augšupielādēt to Chrome Store ar USD 5 mūža maksu. Bet es jums to neieteiktu, jo pēc 24. marta Chrome Store vairs nepieņem pagarinājumus un ilgāk !!! Izbaudi !!!

redzēt mirgojošo “koronavīrusu”, vai nav interesanti?

Resurss

  • Github