Πώς να: Κατασκευάστε μια επέκταση Chrome Blocker Blocker

Δεν υπάρχει πλέον κοροναϊό! Δημιουργήστε αυτό το plugin για να το μπλοκάρει και ποτέ δεν θα δείτε αυτή τη λέξη πάλι !!!

Ο κορωναϊός είναι αχαλίνωτος για λίγο, είναι παντού σε εφημερίδες, περιοδικά, τηλεόραση, youtube, google. Πολλοί άνθρωποι άρρωσταν από την ανάγνωση αυτής της λέξης. Έτσι σήμερα θα σας δείξω πώς να κάνετε μια επέκταση χρωμίου για να μπλοκάρει τον ιό corona έτσι δεν θα το δείτε πάλι, ας πηδήσουμε δεξιά σε αυτό !!!

Ειδοποίηση:

Το Chrome θα σταματήσει τις επεκτάσεις υποστήριξης από τις 24 Μαρτίου. Έτσι, εάν θέλετε να ανεβάσετε τις επεκτάσεις σας στο Chrome Store, αυτή είναι η τελευταία σας ευκαιρία!

Βήματα

  • Δημιουργήστε ένα φάκελο, το ονόμασα Coronavirus
  • Δημιουργήστε ένα αρχείο manifest.json, προσθέστε το παρακάτω περιεχόμενο
{"manifest_version": 2, "όνομα": "Immunity για το Coronavirus", "έκδοση": "0.1.0"}
  • εισαγάγετε τη Chrome: // επεκτάσεις στη γραμμή διευθύνσεων
  • πατήστε Φόρτωση χωρίς συσκευασία

Επιλέξτε το έργο και πατήστε το φάκελο επιλογής

Στη συνέχεια, μπορούμε να δούμε ότι η επέκταση που μόλις δημιουργήσαμε εμφανίζεται στην πρώτη θέση της σελίδας

Τώρα μπορούμε να ξεκινήσουμε να κατασκευάζουμε τη δική μας επέκταση, να δημιουργούμε script.js και style.css κάτω από το φάκελο coronavirus. Προσθέτουμε το ακόλουθο περιεχόμενο μέσα στο manifest.json

{"manifest_version": 2, "όνομα": "Immunity Coronavirus", "έκδοση": "0.1.0", "content_scripts" "], // " js ": [" script.js "]," css ": [" styles.css "]}}}

επιτρέπει επέκταση σε όλους τους ιστότοπους

Τώρα προχωράμε στο style.css προσθέτουμε στυλ για αυτήν την εφαρμογή

σώμα {χρώμα-φόντο: κόκκινο! }}

Πηγαίνετε στον Παγκόσμιο Οργανισμό Υγείας, θα πρέπει να μπορείτε να δείτε το φόντο έχει γίνει κόκκινο, αυτό σημαίνει ότι η επέκτασή μας λειτουργεί !!!

Τώρα δουλεύουμε στο script.js για να προσθέσουμε λειτουργικότητα

replaceText (document.body)
(if (element.textContent.match (/ coronavirus / gi)) Αν το στοιχείο (element.textContent.match (/ coronavirus / gi (element.textContent.match) είναι στοιχειώδες (element.hasChildNodes ()) {element.childNodes.forEach (replaceText) )) {const newElement = document.createElement ('span') newElement.innerHTML = element.textContent.replace (/ coronavirus) / gi, ' $ 1 ') element.replaceWith (newElement)

Τώρα ανανεώστε το plugin κάνοντας κλικ στο εικονίδιο ανανέωσης

Ο ιστότοπος της Παγκόσμιας Οργάνωσης Υγείας αναβοσβήνει και αυτό είναι που μόλις δημιουργήσαμε μια εφαρμογή αποκλεισμού από το coronavirus, μπορείτε να παίξετε με το script.js και να το μεταφορτώσετε στο Chrome Store με αμοιβές διαρκείας $ 5. Αλλά δεν θα σας συνιστούσα να το κάνετε αυτό γιατί μετά τις 24 Μαρτίου το Chrome Store σταματά να δέχεται τυχόν επεκτάσεις και περισσότερο !!! Απολαμβάνω !!!

δείτε το αναβοσβήσιμο

Πόρος

  • Github