Dezvoltarea extensiilor pentru opera, introducere

În crearea de extensii pentru Opera nu este nimic dificil, mai ales pentru cei care au deja experiență în crearea de extensii la crom, ca extensiile de arhitectura pentru ambele browsere este identic (cu diferențe minore). În acest articol, vă voi arăta cum să creați cea mai simplă extensie pentru Opera.

Ce este o extensie pentru Opera?

Bună, lume

Acum, că ne-am familiarizat cu elementele de bază ale arhitecturii, să creăm o extensie simplă. Această extensie va adăuga un buton în bara de instrumente a browserului când faceți clic pe care va fi creată fila cu site-ul.

Pasul 1: Definirea unei extensii

Înainte de a începe, creați un director gol unde vor fi localizate toate fișierele de extensie.

Fișierul manifest conține date în format JSON; Acesta este un format destul de comun în rândul dezvoltatorilor web datorită concisității și flexibilității sale. Copiați textul de mai jos și salvați în noul fișier manifest.json.

Pasul 2: Interacțiunea cu browserul: script de fundal

Scriptul de fundal joacă un rol important, deoarece interacționează cu interfața browserului. În cazul nostru, extensia funcționează cu file, așa că vom folosi metode din API Tabs. Puteți citi mai târziu despre acest lucru, dar acum este suficient să creați un fișier background.js în directorul extensie și să inserați acest cod acolo:

Pasul 3: Conectarea icoanelor și a altor resurse

Aproape orice extensie necesită o pictogramă care va fi afișată în panoul browserului. Se recomandă citirea acestui articol. unde sunt discutate cele mai bune practici pentru crearea de icoane de calitate pentru extensii. Pentru început, puteți lua prima imagine disponibilă în icon.png redenumiți-o și a pus-o în directorul cu extensia.

Pe lângă pictogramă, extensia poate conține imagini, fonturi etc. Acestea pot fi plasate într-un subdirector, de exemplu, active.

Pasul 4: Testarea extensiei

Dacă ați făcut totul bine, puteți testa extensia noastră. De obicei, extensia completă trebuie să fie împachetată și semnată pe pagina de gestionare a extensiilor (opera: // extensions /). Dar, în timpul dezvoltării, nu trebuie să împachetați nimic, iar extensia va fi lansată direct din director cu fișierele:

Doar ceva! Extensia trebuie încărcată în modul dezvoltator. Acest mod vă permite să inspectați diferite părți ale extensiei utilizând instrumentele de dezvoltare ale browserului. Pentru a verifica modificările din extensie, faceți clic pe butonul "Reîncărcați".

Dacă totul se face corect, veți vedea o pictogramă în panoul browserului, în partea din dreapta sus. Dacă faceți clic pe pictogramă, se deschide o filă cu site-ul Dev.Opera.

Pasul 5: Ambalarea

Când sunteți mulțumit de rezultat și extensia este gata, trebuie să împachetați extensia în fișierul NEX:

Un pachet NEX va fi creat în directorul părinte.

Ce acum?

După cum puteți vedea, nu este nimic greu în crearea de extensii pentru Opera. În următoarele lecții, vor fi luate în considerare și alte caracteristici disponibile dezvoltatorilor.

Vă mulțumesc pentru atenție.

Articole similare

Pagina anterioară

Pagina următoare