Πώς να δημιουργήσετε την επέκταση Google Chrome;

## Πώς να δημιουργήσετε μια επέκταση Google Chrome

---

Βήμα 1:Ρυθμίστε το περιβάλλον ανάπτυξης σας

1. Εγκαταστήστε τα Node.js και npm.

2. Εγκαταστήστε την επέκταση Chrome CLI:`npm install -g chrome-extension`

3. Δημιουργήστε έναν νέο κατάλογο έργου.

4. Εκκινήστε ένα νέο έργο επέκτασης Chrome:`chrome-extension init `

Βήμα 2:Δημιουργία της επέκτασής σας

Ανοίξτε το αρχείο _manifest.json_ και επεξεργαστείτε τα ακόλουθα πεδία:

- όνομα :Το όνομα της επέκτασής σας.

- έκδοση :Η έκδοση της επέκτασής σας.

- περιγραφή :Μια σύντομη περιγραφή της επέκτασής σας.

- άδειες :Μια σειρά αδειών που απαιτεί η επέκτασή σας.

- ενέργεια_προγράμματος περιήγησης :Ένα αντικείμενο που ορίζει το εικονίδιο δράσης του προγράμματος περιήγησης και το αναδυόμενο αρχείο HTML.

- background.js :Το σενάριο που εκτελείται στο παρασκήνιο της επέκτασής σας.

Βήμα 3:Αναπτύξτε την επέκτασή σας

Τώρα μπορείτε να ξεκινήσετε την ανάπτυξη της επέκτασής σας γράφοντας τη λογική στο _background.js_ και σχεδιάζοντας τη διεπαφή χρήστη στο _popup.html_.

- Χρησιμοποιήστε το αντικείμενο "chrome" για πρόσβαση στο API του Chrome.

- Χρησιμοποιήστε HTML, CSS και JavaScript για να δημιουργήσετε τη διεπαφή χρήστη της επέκτασής σας.

- Χρησιμοποιήστε το συμβάν `chrome.runtime.onMessage.addListener` για να ακούσετε μηνύματα από τα σενάρια περιεχομένου της επέκτασής σας.

- Χρησιμοποιήστε τη συνάρτηση `chrome.tabs.sendMessage` για να στείλετε μηνύματα στα σενάρια περιεχομένου της επέκτασής σας.

Βήμα 4:Δοκιμάστε την επέκτασή σας

Αφού γράψετε τη λογική σας και σχεδιάσετε τη διεπαφή χρήστη σας, μπορείτε να δοκιμάσετε την επέκτασή σας ακολουθώντας αυτά τα βήματα:

1. Ανοίξτε το πρόγραμμα περιήγησης Chrome.

2. Μεταβείτε στη σελίδα Επεκτάσεις (chrome://extensions).

3. Κάντε κλικ στο Φόρτωση χωρίς συσκευασία κουμπί.

4. Επιλέξτε τον κατάλογο του έργου επέκτασης.

5. Κάντε κλικ στο OK για να φορτώσετε την επέκτασή σας.

Βήμα 5:Αναπτύξτε την επέκτασή σας

- Χρησιμοποιήστε την εντολή `chrome-extension pack` για να δημιουργήσετε ένα αρχείο CRX.

- Χρησιμοποιήστε τον πίνακα ελέγχου προγραμματιστών του Chrome Web Store για να ανεβάσετε το αρχείο CRX και να δημοσιεύσετε την επέκτασή σας.