Înainte, am adăugat deja la Extensia Chrome "Hello World" creată prin acest manual oficial. dar nu a fost potrivit ca un exemplu de manipulare a DOM. Prin urmare, a trebuit să caut și să găsesc aceasta, o pagină mai oficială, cu exemple de extensii diferite. Cu toate caracteristicile API-ului pentru Extensiile Chrome.
Mai jos este un exemplu de implementare a extensiei planificate sub forma a doar două fișiere.
Ca exemplu, această extensie simplă a fost luată. care când faceți clic pe pictograma extensie din bara de instrumente cromă, modifică culoarea de fundal a paginii afișate în fila în roșu.
În consecință, citez codul fișierelor extinse deja actualizate, background.js:
Prin urmare, esența codului este simplu: atunci când faceți clic pe pictograma extensiei ortodox, listner lucrează în cod Chrome, care execută script-ul pentru fila curentă. Scriptul caută pur și simplu un element cu clasa "search-item" și, dacă găsește cel puțin una, modifică valoarea atributului atributului resize la verticală.
Și conținutul fișierului manifest.json, fără de care se va instala extensia despachetat la Chrome chrome: // extensions / butonul „Load despachetat extensia“:
Care este rezultatul după ce ați făcut clic pe butonul extensiei noastre, de la stânga la dreapta:
Vezi și:
Articole similare
Trimiteți-le prietenilor: