Cum facem o extensie pentru browserul Google Chrome, ghid pentru incepatori

Salutare prieteni, in tutorialul video de astazi o sa vedem cum putem crea o extensie simpla pentru browserul Google Chrome. Un ghid video pentru incepatori care speram sa deschida apetitul vizitatorilor nostri in a-si dori sa creeze extensii pentru propriul site, forum, aplicatie web sau chiar propria afacere.
Ce sunt extensiile?
Mici programe care adauga diverse functionalitati pentru browser-ul Google Chrome. Daca stiti sa creati pagini web atunci e tot ce trebuie sa stiti pentru a crea extensii chrome, extensiile sunt implementate cu ajutorul tehnologiilor standard pentru web precum html, css, java script si asa mai departe. O extensie este degapt un folder comprimat mai exact o arhiva zip cu semnatura ce contine mai multe fisiere. Unul dintre fisierele pe care fiecare extensie trebuie sa o aiba este fisierul “manifest.json”. Acesta contine toate informatiile despre extensie, numarul versiunii, numele acesteia si poate puncta catre alte componente ale extensiei, componente care la randul lor ofera functionalitate extensiei.
Noi vom porni de la un template pe care il veiti putea descarca accesand link-ul de la sfarsitul acestui articol. In tutorialul video am explicat ce reprezinta fiecare linie de cod si cum putem modifica fisierele care alcatuiesc extensia astfel incat aceasta sa se adapteze nevoilor voastre.
Cum public o extensie pentru Google Chrome in Chrome Web Store?
Pentru cei care doresc sa ia in serios acest subiect si planuiesc sa-si faca publica extensia in magazinul Chrome Web Store trebuie sa stiti ca este nevoie sa platiti o suma de 5 dolari (o singura data) pentru a face acest lucru. Daca doriti un tutorial video detaliat despre procesul de publicare a extensiei in Chrome Web Store, nu existati sa ne cereti asta pe rubrica de comentarii.
Pentru cei care doresc sa devina mici developeri pentru extensii Google Chrome pot accesa pagina oficiala unde vor gasi toata documentatia necesara pentru a crea o extensie Google Chrome: http://developer.chrome.com/extensions/docs.html
Acestea fiind spuse, va invit sa vizionati tutorialul video pentr a vedea exact cum facem o extensie pentru browserul Google Chrome.

DOWNLOAD Chrome Extension Template

Nu uitati, daca aveti sugestii, reclamatii sau completari nu ezitati sa scrieti pe rubrica de comentarii, de-asemenea daca intilniti pe rubrica de comentarii un user care are o problema si puteti sa-l ajutati, nu ezitati s-o faceti, numai asa putem face locul asta mai bun, ne vedem pe rubrica de comentarii !
Pe rubrica de comentarii incercati sa ramaneti cat de cat pe subiect, astfel putem oferi si altor vizitatori un tutorial + comentarii relevante, comentariile pot fi un ajutor in plus pentru userul cu probleme sau cu dorinta de a invata.
Inainte de a pune o intrebare incercati sa cautati printre comentariile mai vechi, de cele mai multe ori exista deja raspuns la intrebarea voastra.
Folositi mai mult categoriile din partea de sus a site-ului si motorul de cautare din partea dreapta sus pentru a ajunge rapid la ceea ce va intereseaza, avem peste 900 de tutoriale care acopera cam toate genurile de softuri, noi le-am realizat, voi trebuie doar sa le cautati si sa le urmariti.

Instructiuni de folosire videotutorial.ro

 

Motorul de cautare.
Daca de exemplu aveti o problema cu Yahoo Messenger, puteti introduce in motorul nostru de cautare termeni ca: Yahoo, Mess, Messenger, id mess, multimess, problema messenger, eroare messenger, etc, veti vedea ca o sa aveti de unde alege.

Categoriile.
Daca folositi categoriile drop-down, acestea le gasiti pe bara de sub Home cu categoriile: Birou, Grafica-Design, Hardware, Internet, Multimedia, Securitate, Sistem, Stocare-Backup, sub aceste categorii sunt organizate sub-categorii si sub-sub-categorii, asta pentru o filtrare mai precisa. Pentru a gasi ceva legat de Yahoo Messenger cu ajutorul categoriilor va puteti duce pe categoria:Internet, acolo se vor deschide alte subcategorii de unde veti alege Mesagerie-Chat, de acolo va puteti duce pe subcategoria Yahoo, in final, cu ajutorul acestor filtre veti ajunge pe o pagina unde sunt numai articole legate de Yahoo Messenger sau Yahoo Mail.

Arhivele.
Pe pagina Arhive puteti gasi toate tutorialele noastre organizate frumos pe zile, saptameni, luni si ani.
Totul este logic, trebuie doar sa urmati logica.

Vizionare placuta !

de Adrian……..linux.videotutorial.ro

 


Tutoriale similare


Despre Adrian

Flamand de informatie si cunoastere, imi place tot ce tine de domeniul tehnic si impartasesc din cunostintele mele cu mare placere. Cei ce se daruiesc altora se vor pierde pe ei insisi dar cu folos, lasand ceva util semenilor. Bucurandu-ma de acest privilegiu, nu voi spune niciodata "nu stiu", ci "nu stiu inca" !

Comments

  1. Placa de baza a zis

    tutorial explicit şi captivant; Mulţumesc Videotutorial.ro pentru toate tutorialele. Am devenit un user mult mai avansat cu ajutorul vostru…

  2. foarte bun tutorial ca in totdeauna as dori sa faci un tutorial si cu mod de creare avansat a extensiilor

  3. Adrian Sailor a zis

    Ne-a placut..util…multumim…dar mai vrem.

  4. Adrian , foarte util acest tutorial multumim mult , si da mai vrem tutoriale despre creerea extensiilor , pe mine chiar ma intereseaza , si astept nerabdator noile tutoriale despre extensii , multumim mult!

  5. Da, foarte interesant! Aștept și altele cu partea mai avansată.

  6. Adrian , este foarte folositor tutorialul , insa era mai simplu sa ne spui ca dupa ce trimitem acea extensie prietenilor , se poate da pur si simplu dublu click pe ea , pentru ca din cate stiu merge si asa nu trebuie sa intri in meniul google chrome ca sa o instalezi. Astept si partea mai avansata despre extensii

  7. Cum se pot instala în Chrome extensii “.crx” care nu sunt în Web Store pentru ca în ultimile versiuni de Chrome nu se mai pot adăuga extensii externe.

  8. Am găsit soluția la finalul tutorialului. Se poate folosi “drag & drop” doar in tabul cu extensii acum. In versiunile vechi de Chrome nu conta ce pagina aveai deschisa pentru ca le instala oricum.

    Liviu:
    Cum se pot instala în Chrome extensii “.crx” care nu sunt în Web Store pentru ca în ultimile versiuni de Chrome nu se mai pot adăuga extensii externe.

  9. Salut,
    O sa faceti si un tutorial video despre cum se face o tema pentru Google Chrome?
    Multumesc anticipat si tineti-o tot asa!

  10. Va salut,am avut o surpriza:nu pot vizualiza videotutorialele desi am instalat Flash Player.Pana acum nu mi
    s-a mai intamplat.Ce se intampla?Cu stima Dan Viewru

  11. as vrea sa faceti un tutorial de genul L Vrei sa le faci o farsa prietenilor tai? Scrie orice fel de text urmat de … @[464251463598797:0] dar cum sa fie redirectionati pe pagina mea sau pe profilu meu inloc de acele nr pe facebook si va scrie daca puneti acele nr vezi mai mult da acel “vezi mai mullt” e linkat care te duce pe o pagina de fb de farse. sper ca intelegeti ce zic…

  12. Buna! Am postat o intrebare pe videotutorial, dar nu mai stiu la care sectiune.. Exista vre-o netoda sa aflu unde?Multumesc

  13. Zimi si mie ce folositi pentru a face asa site frumos ? HTML,PHP, etc ? Te rog

  14. buna,am si eu o intrebare..am un calculator care merge cu Windows xp si nu reusesc sa descarc google chrome..va rog mult sa ma invatati ce trebuie sa fac ? se incarca pina la 99 % si apoi o ia de la capat

    • melinte ciprian a zis

      Calculatorul tau este putin slabut si atunci google crom s-ar putea sa nu ruleze sau sa nu te lase sa poti viziona un fim incearca sa descarci opera sau mozila sau calculatorul tau este prea vechi iar google crom s-ar putea in conditiile astea sa nu ruleze.

  15. Vasile Petre a zis

    Salut Adrian, as vrea sa ma poti ajuta daca se poate.
    De cateva luni unele site-uri nu se afiseaza corect in Google Chrome Windows, si n-am idee de ce?
    Din cate imi aduc aminte n-am facut nicio modificare in Chrome, dar folosesc AdBlock si UBlock pt. a bloca anunturi, dar si cu ele dezactivate tot nu mi se afiseaza corect unele site-uri.
    Iti dau adresa unui link sa vezi cum mi se afiseaza Sport.ro, poate ma poti ajuta sa fac ceva.
    Mersi anticipat.
    https://www.awesomescreenshot.com/image/6871434?key=3d9fac38baa310fdc16b2800312993dc

Speak Your Mind

*