Deci, crezi că știi cum să construiești o extensie Chrome? Ei bine, totul este în regulă, dar ai auzit de meniurile contextuale? Mesaje între scripturi? Adăugați o insignă la pictograma extensiei dvs.? Dacă toate acestea sună fascinant, ai noroc. Vom analiza câteva funcții interesante pe care ni le oferă Chrome API.

Dacă sunteți interesat să citiți despre cum să creați o extensie Chrome, puteți citi articolul meu anterior aici. Dacă doriți să știți cum să publicați unul, puteți citi totul despre el aici

Meniul contextual

Mai simplu spus, meniul contextual este meniul care apare atunci când faceți clic dreapta oriunde în browser. Puteți adăuga extensia Chrome la meniul respectiv cu câțiva pași simpli:

  1. Adăuga meniuri contextuale la permisiuni cheie în manifest
  2. Adăugați o pictogramă 16×16 (deoarece va fi utilizată în meniul contextual)
  3. Adăugați următorul cod la scriptul de fundal:

Depozitare

Similar cu localStorage, API-ul Chrome permite salvarea datelor ca obiecte, care persistă chiar și atunci când browserul este închis și redeschis. Iată pașii necesari pentru a permite utilizarea stocării în extensia dvs.:

  1. Adăuga depozitare la permisiuni cheie în manifest
  2. Pentru a introduce date în stocare, utilizați:

3. Pentru a extrage date din spațiul de stocare pe care îl utilizați:

⚠️ NU introduceți date sensibile ale utilizatorului în stocare deoarece nu sunt criptate

Mesagerie

Chrome are o altă funcție inteligentă care vă permite să transmiteți mesaje între scripturi. De exemplu, în extensia dvs., aveți fișierul popup.js care se ocupă de lucruri legate de fereastra popup și aveți un script de fundal. Dacă doriți ca aceste două scripturi să comunice între ele, puteți utiliza următoarele metode:

Trimite mesaj

Ascultați mesajele primite

Insigne

Îi cunoști, îi iubești și îi poți adăuga la pictograma extensiei tale. Asigurați-vă că sunteți conștienți de faptul că, din cauza dimensiunilor reduse, textul la care doriți să fie afișat este limitat patru personaje.

Pentru a seta culoarea de fundal a insignei pe care o utilizați:

Pentru a seta textul insignei pe care o utilizați:

În ambele metode, apelarea inversă este un parametru opțional pe care îl puteți utiliza după ce metoda își termină acțiunea.

Aveți alte API-uri Chrome despre care doriți să aflați? Vrei să întrebi ceva? Simțiți-vă liber să întindeți mâna.

Dacă ți-a plăcut acest articol, bate din palme pentru ca și ceilalți să se bucure de el! ?