0. Bevezetés

A konfigurációbővítő mechanizmus a 8.3.6 platformon jelent meg, és ennek megfelelően használható a letiltott kompatibilitású konfigurációkban. Jelenleg a felügyelt űrlapok összes szabványos konfigurációja támogatja a bővítményekkel való munkát. Nézzük meg közelebbről, mi is ez a mechanizmus.

A dokumentáció szerint:

"A konfigurációbővítő mechanizmus egy speciális mechanizmus, amelynek célja egy bővíthető konfiguráció módosítása a konfiguráció megváltoztatása nélkül (beleértve a támogatás eltávolítását is).

A konfiguráció bővítésének fő célja, hogy az alkalmazási megoldást a megvalósítás során (vagy a „felhőben”) az ügyfél igényeinek megfelelően finomítsuk. Ebben az esetben a módosítandó konfigurációt nem kell eltávolítani a támogatásból. Ennek eredményeként továbbra is könnyű frissíteni egy szabványos alkalmazásmegoldást, amely támogatott, és módosítani kell. Bővítmények fejlesztésekor ismernie kell a konfigurációs bővítmények működésének néhány jellemzőjét. Így a bővíthető konfiguráció bármikor módosítható, például egy frissítés hatására. Ugyanakkor a bővítmény fejlesztője semmilyen módon nem tudja befolyásolni a frissítés lehetőségét vagy lehetetlenségét. Figyelembe kell vennie azt a tényt is, hogy egy rendszeren több kiterjesztés is működhet, és az egyes bővítmények szerzője (általában) nem tudja, hogyan működik a másik bővítmény."

A bővítményekről itt olvashat és tekinthet meg további részleteket:

Jegyzetek az üvegen keresztül
Gilev és Naszipov tanfolyamai
Bővítések a 8.3.9

Az alábbiakban hasznos tippeket adok a bővítmények használatához.

Néhányan túl egyszerűnek vagy kézenfekvőnek tűnhetnek, de hasznosak lehetnek azok számára, akik most kezdenek dolgozni a bővítményekkel.
Szívesen adom tanácsait is a megjegyzésekből.

Akkor gyerünk!

1. Változatlan objektumok megjelenítése/elrejtése

Amikor új objektumokat ad hozzá a bővítményhez, a kapcsolódó objektumok is automatikusan hozzáadódnak. Ennek eredményeként sok szolgáltatásobjektum halmozódik fel a kiterjesztési metaadatokban.
Annak érdekében, hogy csak a megváltozott objektumok jelenjenek meg, van egy „Módosítva és hozzáadva a bővítményben” gomb. Ha rákattint, csak a manuálisan hozzáadott és módosított bővítményobjektumok jelennek meg.
Működésének elve az alábbiakban látható:

2. A kezelők végrehajtásának sorrendje

Ha felülír egy eseményt vagy parancsot egy bővítményben, akkor alapértelmezés szerint először a bővítmény kezelője kerül végrehajtásra, majd a szabványos konfigurációkezelő.
Ez nem mindig kényelmes, például amikor néhány műveletet szabványos kezelők után kell végrehajtani.
Nézzünk olyan példákat, amelyek lehetővé teszik a sorrend megváltoztatását:

a) Először futtassa a szabványos kódot, majd a kiterjesztés kódját:

&OnServer Procedure Study_WhenCreatingOnServer(hiba, StandardProcessing) További paraméterek = Új struktúra; AdditionalParameters.Insert("Üzenet", "AfterTypicalHandler!"); SetExecutionAfterEventHandlers("ExecuteAfterTypicalHandler", AdditionalParameters); Az eljárás vége &A kiszolgáló eljáráson ExecuteAfterTypicalHandler(hiba, szabványos feldolgozás, további paraméterek) Notify(További paraméterek.Üzenet); Az eljárás vége

b) Először futtassa a kiterjesztés kódját, majd a szabványos kódot, majd ismét a kiterjesztés kódját

&On the Server Procedure Tutorial_When CreatingOn the Server(Failure, Standard Processing) // Eljárások a szabványos kezelők előtt Report("Szabványos kezelő előtt!"); // Kezelő telepítése a szabványos eseménykezelő után Set ExecutionAfterEventHandlers("ExecuteAfterTypicalHandler"); // Ezután a szabványos kezelő kódja kerül végrehajtásra. Eljárás vége &A kiszolgáló eljáráson Végrehajtás a tipikus kezelő után (hiba, szabványos feldolgozás, további paraméterek) // A szabványos kezelő utáni kód a kiterjesztés jelentésből ("A szabvány után felvezető!"); Az eljárás vége

c) Futtassa először a mintakódot, majd a kiterjesztés kódját, majd ismét a mintakódot

Használhat egy trükköt:
- Törölje a kezelők végrehajtását a standard konfigurációból.
- A kiterjesztésben a szabvány kódból hívjuk meg a szükséges eljárásokat a kiterjesztés eljárásaival keverve.

&On the Server Procedure Study_When CreatingOn the Server(Failure, Standard Processing) // Eljárások standard kezelők előtt Report("Tipikus kezelő előtt!"); // Eljárások szabványos kezelőből Ha NOT ValueFilled(BankAccount.CurrencyofCash) then BankAccount.CurrencyofCash = GeneralPurpose BPCallServerRepeatUse.GetCurrencyofRegulatedAccounting(); endIf; PostContactInfo(); Ha Parameters.Key.Empty() then PrepareFormOnServer(); endIf; ManageForm(ThisForm); // Eljárások standard kezelők után Report("Tipikus kezelő után!"); // A szabványos kezelők végrehajtásának leállítása SetEventHandlerExecution(False); Az eljárás vége

d) Törölje a szabványos kezelőket

&On the Server Procedure Study_When CreatingOn the Server(Failure, Standard Processing) // Szabványos kezelők végrehajtásának leállítása SetExecution of Event Handlers(False); Az eljárás vége

3. Hozzon létre és használjon általános modult, kezelőmodult vagy objektummodult

Jelenleg a bővítési mechanizmus nem teszi lehetővé általános modulok, kezelőmodulok és objektummodulok létrehozását vagy kölcsönzését. De a konfigurációban szereplő feldolgozásban elérhető és elérhető a menedzser modul:

&OnServer eljárás ReportDirectorOnServer() Position = "Irányító"; Menedzser TELJES NÉVE = "Ivanov I.I."; Feldolgozás.Training_Processing.NotifyDirector(Beosztás, az igazgató teljes neve); Az eljárás vége

Feldolgozáskezelő modul:

Eljárás NotifyDirector(Értékpozíció, Érték Kezelő neve) Üzenetszöveg exportálása = StrTemplate(NSStr("ru="%1 %2""), Pozíció, Menedzser neve); Üzenet(Üzenetszöveg); Az eljárás vége

Ugyanígy megszervezheti a saját fajta általános modulját, amelyben a bővítmény működéséhez szükséges általános eljárásokat és funkciókat tárolhatja. A bővítménybe külső feldolgozást is belefoglalhat. Hadd emlékeztesselek arra, hogy a menedzser modul nem érhető el külső feldolgozásban.

4. A hibakeresés engedélyezése

A szabványos alrendszerek (LSL) könyvtárán alapuló tipikus konfigurációkban a bővítmények hibakeresése során a következő szörnyű üzenettel találkozik:

Akkor fordul elő, ha a bővítményünk nyitva van a konfigurátorban, és csak a bővítményablak bezárásával kezelhető.

Ahhoz, hogy engedélyezze a hibakeresést a bővítményben, meg kell tennieHasználja a parancssori kapcsolót - „Debug Mode”

Ez Y Elnéző kódhibakeresés. Különösen:

• Minden régóta futó művelet azonnal végrehajtásra kerül, háttérfeladat futtatása nélkül;
• Konfigurációs bővítmények fejlesztésekor lehetőség van a telepített, a konfigurátorban jelenleg megnyitott konfigurációs bővítményekkel való indításra (feltéve, hogy a konfigurációs verzió és a bővítményverziók nem változtak).

A telepítéshez:

• Indítsa el a vállalkozást a parancssori kapcsolóval - "/C Hibakeresési mód"
• Konfigurátor módban állítsa be az indítási paramétert:
  Szolgáltatás -> Beállítások -> Indítás 1C:Enterprise -> Indítási paraméter: írjon be egy karakterláncot< Hibakeresési mód>

Amikor először csatlakoztat egy bővítményt, vagy ha a bővítmény vagy a szállító verziója megváltozik, előfordulhat, hogy a hibakeresés nem tud csatlakozni ugyanazzal az üzenettel.

A helyzet javítása érdekében próbálkozzon a következő lépésekkel:

1. Zárja be ezt a bővítményt a konfigurátorban
2. Indítsa el a konfigurációt vállalati módban, és nyissa meg a bővítményhez tartozó űrlapot
3. Nyissa meg a bővítményt a konfigurátorban
4. Indítsa újra a hibakeresést.

5. Hogyan írjunk kéréseket

A bővítmény csak azokat az objektumokat látja és működik, amelyeket a fő konfigurációból kölcsönzött.
A nem kölcsönzött objektumok nem láthatók a bővítményben, és amikor megpróbálja elérni őket, például egy kérés szövegében, a „Konfigurátor” módban hibát okoznak. Bár felhasználói módban a kód probléma nélkül fut.
Nagy mennyiségű metaadatot tartalmazó lekérdezések írásához vagy szerkesztéséhez jobb bármilyen külső feldolgozást használni. A fő konfiguráció összes metaadata elérhető benne:

6. Az adatok mentése

A bővítmény nem fontos adatok tárolására szolgál, még kevésbé a könyvelést befolyásoló adatok tárolására. De el kell menteni a beállításokat.
Ehhez használhatja az általános beállítások tárolását vagy űrlapadatok mentését:

a) Űrlapadatok mentése

A szerkesztett formában az „Automatikus adatmentés a Beállításokban” tulajdonságnál „Használat”-ra állítható, és a „Mentés” jelzőt a szükséges adatok fölé helyezheti. Ez lehetővé teszi a részletek értékeinek mentését a szabványos platformmechanizmus segítségével:

Ilyen adattárolás .

b) Általános beállítások tárolása

Ebben a tárolóban bármilyen adat tárolható. További részletek állnak rendelkezésre.
Nézzünk egy példát tetszőleges adatok tárolására.

Adatok mentése:

&OnServer eljárás BeforeClosingOnServer() // Adattárolási struktúra előkészítése Beállítások Structure = Új struktúra; SettingsStructure.Insert("Mindenki", Mindenki); Beállítások Structure.Insert("Close", Close); Beállítások Structure.Insert("Barátok", Barátoknak); // Mentse el az adatokat az általános beállítások tárolójába a General Purpose.Storage of General SettingsSave("Training_MakeEverythingOkay", "Settings", SettingsStructure); Az eljárás vége

Adat visszanyerés:

&OnServerProcedureWhenCreatingOnServer(Failure, StandardProcessing) // A struktúra inicializálása Beállítások Struktúra = Új struktúra; // A mentett adatok visszaállítása Beállítások Structure = Általános cél Általános beállítások Tárolás Load("Training_Make Everything Good", "Settings", Settings Structure); // Töltse ki az űrlap részleteinek értékeit FillPropertyValues(ThisForm, SettingsStructure); Az eljárás vége

7. Hogyan adhat hozzá saját elrendezést

Sajnos a kölcsönzött dokumentumokban nem tud elrendezést hozzáadni vagy módosítani. De elrendezések adhatók a folyamatokhoz, és olyan külső folyamatok is beilleszthetők, amelyekben már léteznek elrendezések. Ezek az elrendezések használhatók nyomtatható anyagok létrehozására vagy módosítására, .

8. A táblázatos részkitöltő gomb cseréje

Néha előfordulhat, hogy hozzá kell adnia saját kitöltő gombot, és meg kell hagynia a normál gombot.
Annak érdekében, hogy a szabványos gombot elmozdítsa, de ne törölje teljesen, beállíthatja a "Csak minden műveletben" - "Igen" tulajdonságot:

Ebben az esetben a gomb a „Továbbiak” almenüből lesz elérhető. Ez lehetővé teszi, hogy előre nem látható helyzetekben továbbra is szabványos funkciókkal dolgozzon.

9. Kiterjesztés hibajavításként

Vannak helyzetek, amikor a kliens hibát észlel, de a konfiguráció zárolva van. Nem akarom kivonni magam a támogatásból, hogy hibát javítsak. Ilyen helyzetekben létrehozhat egy kis bővítményt, amely kijavítja ezt a hibát. Miután egyszer létrehozott egy ilyen bővítményt, könnyedén engedélyezheti azt minden ügyfele számára.

Ezenkívül a szabványos fejlesztők néha közzéteszik a hibajavító szöveget a partnerfórumon. Ez még egyszerűbbé teszi egy ilyen bővítmény létrehozását.

Ha a hibát nem könnyű kijavítani, akkor legalább kevésbé kritikussá teheti, például úgy, hogy dugót helyez a problémás területre.

És ne felejtse el letiltani ezt a bővítményt, miután a hibát kijavították a szabványos konfigurációban.

10. Hogyan jelenítsük meg a feldolgozást a felületen

A feldolgozás megjelenítéséhez a konfigurációs felületen fel kell vennie a szükséges alrendszerbe:

A bővítményben saját alrendszert is létrehozhat, és hozzáadhatja a szükséges objektumokat.
Például elhelyezhet külső feldolgozást vagy jelentéseket egy bővítményben, és egyszerűen csatlakoztathatja őket bármilyen konfigurációhoz:

11. Hogyan lehet a kiterjesztést átvinni a 8.3.8

A bővítmény 8.3.8-ra való átviteléhez kövesse az alábbi lépéseket:

1. Távolítsa el a kompatibilitási módot a bővítményből.
Állítsa a kompatibilitási tulajdonságokat a fő konfigurációval megegyezőre.

2. Javítsa ki a csatlakozási problémákat.
Ellenőrizze, hogy a bővítmény engedélyezve van-e az új verzióban. A hibák oka a naplóban megtekinthető.

3. Frissítse az űrlapokat a bővítményben.
Frissítse a kiterjesztés űrlapjait a fő konfigurációból. Úgy, hogy mind kiterjesztésben, mind konfigurációban az űrlapok azonosak legyenek.

4. Helyezze az űrlap elrendezését az új motorszabályokhoz.
Az űrlapok új platformhoz való adaptálására vonatkozó ajánlások ezen a linken találhatók.

5. Ellenőrizze, hogy a bővítmény megfelelően néz ki és működik-e.

Az egyes tételek részletes leírása a. A témában hasznos anyagok is találhatók.

12. A mellék csatlakoztatása

1. Adminisztráció - "Űrlapok nyomtatása és feldolgozása"

3. "Hozzáadás" gomb - Válasszon ki egy fájlt

4. Újraindítás gomb

5. Kész!

13. A kiterjesztés frissítése

1. Adminisztráció - "Űrlapok nyomtatása és feldolgozása"

3. Állunk a kívánt kiterjesztésre

4. "Továbbiak" - "Frissítés a lemezen lévő fájlból" parancs

5. Újraindítás gomb

6. Kész!

Ez minden most!

A hála pénzben is kifejezhető, különben válság van, érted!

A bővítmények új funkciókat adnak a böngészőhöz.

A bővítmény hozzáadása a Chrome-hoz általában egyszerű.

Minden munka a Google Chrome böngészőben történik.

Tehát, ha bővítményt szeretne hozzáadni a Chrome-hoz, nyissa meg a következőt: A Google Chrome beállításai és kezelése.

A beállítások bejáratát könnyű megtalálni. Vigye az egérmutatót a Google Chrome böngésző jobb felső sarkában lévő három vízszintes sáv fölé. Megjelenik egy tipp - A Google Chrome beállítása és kezelése.

Kattintson a három csíkos gombra. Megnyílik egy helyi menü (1. ábra).

1. ábra Bővítmény hozzáadása a Chrome-hoz – A Google Chrome beállításai és kezelése

Ennek két módja van.

Első: a helyi menüben Beállítások és a Google Chrome vezérlése kattintson Beállítások, majd a megnyíló ablakban kattintson a gombra Kiterjesztések.

Második: a helyi menüben Beállítások és a Google Chrome vezérlése választ További eszközök, majd a megnyíló menüben kattintson a gombra Kiterjesztések.

Az eredmény ugyanaz lesz. A Chrome-ban már telepített bővítményekkel rendelkező részre kerülünk.

Ha összehasonlítjuk, a második módszer gyorsabb és előnyösebb, de általában ez egy amatőr munka.

A kiterjesztéseket a Chrome címsorán keresztül is megadhatja a cím megadásával - chrome://extensions/.

Mint már említettük, itt látni fogjuk az összes telepített bővítményt.

Nak nek új bővítmény hozzáadása a Chrome-hoz rá kell kattintani a linkre - További bővítmények .

A telepített bővítmények listája alatt található.

Elég sok kiterjesztés található itt, és eleinte problémás gyorsan hozzáadni, amire szüksége van.

A kívánt kiterjesztés könnyebb megtalálása érdekében a bal felső sarokban egy sor található Keresés üzlet szerint. Sokat segít, ha ismeri a kiterjesztés nevét.

Ha például a webhely TIC-ellenőrző gombjához szeretne kiterjesztést találni, egyszerűen írja be a kifejezést yandex tyc google pr indikátor.

Megnyílik a szükséges bővítmény.

Kattintson a gombra Ingyen. Megkezdődik a bővítmény ellenőrzési folyamata.

Ezután megjelenik egy párbeszédpanel Új bővítmény megerősítése.

Kattintson Hozzáadás. Az ellenőrzés újra megtörténik, és megjelenik egy párbeszédpanel, amely arra kéri, hogy aktiválja a hozzáadott bővítményt a Chrome-ban.

Előfordulhat, hogy amikor egy bővítményt próbál hozzáadni a Chrome-hoz, az ellenőrzés során hibaüzenet jelenik meg.

Ezután megpróbálhatja hozzáadni a bővítményt a Chrome-hoz úgy, hogy a kiválasztott bővítmény bárhová máshová kattint, nem a gombra Ingyen.

Ebben az esetben megnyílik egy új párbeszédpanel, amelyben a hozzáadáshoz kattintson a gombra Ingyen majd a szokásos módon az ellenőrzés és a hozzáadás folyamata.

Néha segít.

Vagy egyszerűen kattintson a frissítésre a hiba párbeszédpanelen, és ismételje meg a bővítmény Chrome-hoz való hozzáadásának folyamatát.

Általában minden jól végződik. Új bővítmény kerül a Chrome-ba.

A szakaszra lépve azonnal láthatja Kiterjesztések.

A hozzáadott bővítmény már engedélyezve lesz.

Tehát megvizsgáltuk a bővítmény Chrome-hoz (google chrome) történő hozzáadásának teljes folyamatát.

De a kereséshez és a bővítmény hozzáadásához vezető út jelentősen lerövidíthető.

Ha bővítményt szeretne hozzáadni a Chrome-hoz, egyszerűen írja be a címsorba:

https://chrome.google.com/webstore/category/extensions?hl=hu

Gondolkozott már azon, hogyan készíthet Chrome-bővítményt? Nos, azért vagyok itt, hogy elmondjam, milyen egyszerű. Kövesse ezeket a lépéseket, és ötlete valóra válik, és azonnal közzétehet egy valódi bővítményt a Chrome Internetes áruházban.

Mi az a Chrome-bővítmény?

A Chrome-bővítmények lehetővé teszik, hogy funkciókat adjon a Chrome webböngészőhöz anélkül, hogy mélyen belemerülne a natív kódba. Ez nagyszerű, mert új Chrome-bővítményeket hozhat létre olyan technológiák alapján, amelyeket a webfejlesztők ismernek: HTML, CSS és JavaScript. Ha valaha is létrehozott egy weboldalt, akkor rövidebb idő alatt létrehozhat egy bővítményt, mint amennyi az ebédhez szükséges. Az egyetlen dolog, amit meg kell tanulnia, hogy hogyan adjon hozzá bizonyos funkciókat a Chrome-hoz a Chrome által biztosított JavaScript API-k segítségével.

Mit szeretnél létrehozni?

Mielőtt elkezdené, legyen egy általános elképzelése arról, hogy mit szeretne csinálni. Ennek nem kell valami új, áttörő ötletnek lennie, a kezdetektől fogva csak szórakozásból csinálhatunk egy projektet. Ebben a cikkben elmondom az ötletemről, és arról, hogyan valósítottam meg Chrome-bővítményként.

Terv

Nemrég egy Unsplash kiterjesztést használtam, amely szép háttérképeket jelenített meg az alapértelmezett üres lapon. Később lecseréltem a Muzli bővítményre, amely az alapértelmezett lapot tervező tartalom és az internetről származó hírek hírfolyamává változtatja.

Használjuk ezt a két kiegészítőt inspirációként, hogy valami újat alkossunk, de ezúttal a filmek szerelmeseinek. Az az ötletem, hogy minden alkalommal, amikor új lapot nyit meg, egy véletlenszerű film háttérképet jelenítsek meg. Görgetés közben a bővítménynek szép csatornává kell válnia a népszerű filmekről és tévéműsorokról. Kezdjük.

Első lépés: beállítás

Az első lépés egy manifest.json nevű jegyzékfájl létrehozása. Ez egy JSON formátumú metaadatfájl, amely olyan tulajdonságokat tartalmaz, mint a bővítmény neve, leírása, verziószáma stb. Ebben a fájlban elmondjuk a Chrome-nak, hogy mit fog tenni a bővítmény, és milyen engedélyekre van szüksége.

A kiterjesztéshez engedélyre van szükségünk az activeTab kezeléséhez, így a manifest.json fájlunk valahogy így néz ki:

( „manifest_version”: 2, „name”: „RaterFox”, „description”: „A legnépszerűbb filmek és tévéműsorok az alapértelmezett lapon. Tartalmazza az értékeléseket, az összefoglalókat és az előzetesek megtekintésének lehetőségét.”, „verzió”: „ 1”, „author”: „Jake Prins”, „browser_action”: ( „default_icon”: „tab-icon.png”, „default_title”: „Jó napot kívánok”), „chrome_url_overrides”: ( „newtab”: "newtab.html"), "jogosultságok": ["activeTab"])

Amint látja, megadjuk, hogy a newtab.html legyen az a HTML-fájl, amelyet minden új lap megnyitásakor meg kell jeleníteni. Ehhez rendelkeznünk kell az ActiveTab kezelése jogosultsággal, így amikor a felhasználó megpróbálja telepíteni a bővítményt, figyelmeztetést kap a bővítmény által igényelt összes engedélyre.

A manifest.json másik érdekessége a böngésző műveletei. Ebben a példában a cím beállítására használjuk, de általában több lehetőség is van. Ha például egy felugró ablakot szeretne megjeleníteni, amikor rákattint egy alkalmazásikonra a címsoron belül, csak a következőt kell tennie:

“browser_action”: ( “default_popup”: “popup.html”, ),

Most a popup.html megjelenik a felugró ablakban, amely akkor jön létre, amikor a felhasználó a böngésző műveletére kattint. Ez egy szabványos HTML-fájl, így szabadságot ad a felugró ablakban megjelenő tartalmak felett. Csak helyezzen el varázslatának egy részét a popup.html nevű fájlba.

Második lépés: ellenőrizze, hogy működik-e

A következő lépés egy newtab.html fájl létrehozása és elhelyezése a „Hello world” mappában:

Helló Világ!

Ha ellenőrizni szeretné, hogy működik-e, keresse fel a chrome://extensions webhelyet a böngészőjében, és ellenőrizze, hogy a Fejlesztői mód jelölőnégyzet be van-e jelölve a jobb felső sarokban.

Kattintson a Kicsomagolt bővítmény betöltése elemre, és válassza ki azt a könyvtárat, ahol a bővítményfájlok találhatók. Ha a kiterjesztés érvényes, akkor azonnal aktív lesz, így új lapot nyithat, és megtekintheti a „Hello world”-et.

Harmadik lépés: Készíts egy szép tervet

Most, hogy megvan az első funkciónk, ideje széppé varázsolni. Egyszerűen létrehozhatunk egy új lapot úgy, hogy létrehozunk egy main.css fájlt a kiterjesztések könyvtárunkban, és betöltjük a newtab.html fájlunkba. Ugyanez vonatkozik a JavaScript-fájl felvételére minden olyan aktív funkcióhoz, amelyet használni szeretne. Feltételezem, hogy már korábban is készített weboldalakat, és most tudását felhasználva megmutathatja felhasználóinak, amit csak akar.

A terv vége

A kiterjesztés befejezéséhez csak HTML, CSS és JavaScript kellett, ezért nem tartom fontosnak, hogy mélyen belemerüljek a kódba, ezért gyorsan kitérek rá.

Íme, amit csináltam:

Az ötletemhez jó háttérképekre volt szükségem, ezért egy JavaScript fájlban a TMDb API-t használtam, hogy megszerezzem a népszerű filmek listáját, levettem a háttérképeket és egy tömbbe helyeztem őket. Amikor az oldal betölti, véletlenszerűen kiválaszt egy képet ebből a tömbből, és beállítja az oldal hátterének. Az oldal érdekesebbé tétele érdekében a jobb felső sarokban feltüntettem az aktuális dátumot is. További információért pedig lehetővé teszi a felhasználók számára, hogy a háttérre kattintsanak, ami a film IMDb oldalának meglátogatásához vezet.

Létrehoztam egy képernyőt a népszerű filmek szép hírcsatornájával, amikor a felhasználó megpróbál lefelé görgetni. Ugyanezzel az API-val készítettem egy filmkártyát képpel, címmel, értékeléssel és szavazatok számával. A kártyára kattintva egy értékelés jelenik meg egy gombbal az előzetes megtekintéséhez.

Eredmény

Ezzel a kis manifest.json fájllal, valamint néhány HTML-, CSS- és JavaScript-fájllal minden újonnan megnyitott lap sokkal érdekesebbnek tűnik:

4. lépés: Tegye közzé a bővítményt

Ha az első Chrome-bővítmény jól néz ki, és megfelelően működik, ideje közzétenni a Chrome Store-ban. Egyszerűen kövesse ezt a linket a Chrome Internetes áruház irányítópultjának megnyitásához (ha mégsem jelentkezik be, a rendszer felkéri, hogy jelentkezzen be Google-fiókjába). Ezután kattintson az "Új elem hozzáadása" gombra, fogadja el a feltételeket, és egy oldalra kerül, ahol letöltheti a bővítményt. Most tömörítse a projektet tartalmazó mappát, és töltse le ezt a ZIP-fájlt.

A fájl sikeres feltöltése után megjelenik egy űrlap, ahol meg kell adnia néhány információt a kiterjesztéssel kapcsolatban. Hozzáadhat egy ikont, részletes leírást, feltölthet néhány képernyőképet, és így tovább.

Ügyeljen arra, hogy jó képeket adjon meg projektjének bemutatásához. Az üzlet felhasználhatja ezeket a képeket az Ön innovatív projektjének népszerűsítésére. Minél több képet ad meg, annál jobban látható lesz a bővítmény. Az Előnézet gombra kattintva megtekintheti, hogyan jelenik meg bővítménye a webáruházban. Ha elégedett az eredménnyel, kattintson a Módosítások közzététele gombra. Kész!

Már csak a felhasználók megszerzése van hátra!

Következtetés

A webfejlesztők számára nagyon egyszerű Chrome-bővítmény létrehozása. Mindössze HTML-re, CSS-re, JavaScript-re van szüksége, valamint alapvető ismeretekre arról, hogyan adhat hozzá funkciókat a Chrome által biztosított JavaScript API-k segítségével. Az első bővítmény akár 20 percen belül közzétehető a Chrome Internetes áruházban. Egy új, értékes és szép bővítmény létrehozása természetesen kicsit több időt vesz igénybe. De minden tőled függ!

Használja kreatív elméjét, hogy valami érdekeset találjon ki, de ha elakadna, van néhány nagyszerű dokumentum a Chrome-bővítményekről – ez valószínűleg segíthet.

Ha elírási hibát talál, jelölje ki, és nyomja meg a Ctrl + Enter billentyűkombinációt! A kapcsolatfelvételhez használhatja.

Először is egy kicsit arról, hogy mi is az a bővítmény: a kiterjesztés egy kis kiegészítő a böngészőhöz, amely kibővíti a funkcionalitását. A bővítmények sokféle funkciót elláthatnak: lehetővé teszik olyan zenék vagy videók letöltését, ahol egyszerűen nem lehet letölteni őket, például a VKontakte vagy a Youtube webhelyről. Leegyszerűsítik a dokumentumokkal és képekkel való munkát, lehetőséget adnak arra, hogy egy adott helyzetben melyik keresőt válasszák anélkül, hogy fel kellene menniük a keresőmotor webhelyére, és megváltoztathatják az oldal megjelenését.

A Google Chrome bővítményei a hivatalos alkalmazásboltból vannak telepítve, ne hagyja, hogy a név megzavarja – nem kell semmit sem vásárolnia. A bővítmények áruházának eléréséhez kövesse a hivatkozást

Vagy menjen az áruházba a böngésző menüjével: kattintson a böngésző jobb felső sarkában a három ponttal ellátott gombra. Megnyílik a böngésző menü, amelyben ki kell választania – További eszközök. Megjelenik egy másik ablak, amelyben meg kell találnia az elemet "Bővítmények"és kattints rá:

Most a böngészőbe telepített bővítmények lapján van. Ha korábban nem volt telepítve bővítmény, akkor itt semmi sem jelenik meg, vagy az előre telepített Google Chrome bővítmények jelennek meg - dokumentumok, prezentációk, táblázatok. A böngésző verziójától függ. Kattintson a bal felső sarokban található menüpontra "Bővítmények", majd lefelé „Open Chrome Internet Store”:

utána a bővítő boltba kerül. Itt megtekintheti az összes elérhetőt, rendezheti őket kategóriák, képességek, értékelések szerint. Az egyetlen negatívum a nyelv; nem minden bővítménynek van orosz nyelvű leírása és felülete.

Ha tudja, melyik bővítményre van szüksége, csak írja be a nevét "Keresés üzlet szerint"és nyomja meg az Entert. Felhívjuk figyelmét, hogy a keresési eredmények nemcsak bővítményeket, hanem alkalmazásokat is tartalmazhatnak. A hibák elkerülése érdekében válasszon a keresési eredmények közül "Bővítmények". A talált eredmények közül válassza ki a kívánt kiterjesztést, és kattintson a gombra "Telepítés":

Telepítés után a jobb felső sarokban meg kell jelennie egy ikonnak, amellyel a bővítmény kezelhető, konfigurálható, bármely funkció engedélyezhető vagy letiltható:

A beállítások az ikonra jobb gombbal kattintva aktiválhatók. Egyes esetekben előfordulhat, hogy nincs ikon; minden a telepített bővítménytől és annak képességeitől függ.

Harmadik féltől származó bővítmény telepítése a Google Chrome-ba

Ha megbízható forrásból származó harmadik féltől származó bővítménye vagy felhasználói szkriptje van, de ez a bővítmény valamilyen oknál fogva nem érhető el a Google Chrome áruházban, akkor nem tudja a szokásos módon telepíteni. A biztonság érdekében a Chrome-ban tilos harmadik féltől származó, azaz nem az áruházból származó bővítmények telepítése. Az alábbiakban bemutatjuk, hogyan kerülheti meg ezt a korlátozást.

A letöltött bővítmény telepítése .crx formátumban

1. Először meg kell nyitnia a bővítmények oldalát a böngészőben a fent leírtak szerint: Böngésző menü a jobb felső sarokban > További eszközök > Bővítmények. Vagy másolja be a chrome://extensions/ fájlt a böngésző címsorába, és nyomja meg az Enter billentyűt.
2. Az oldal tetején van egy "Fejlesztői mód" kapcsoló, aktiválja. Lent 3 további gomb lesz: "Csomagkiterjesztés"És "Bővítmények frissítése":

1. A kiterjesztés fájl végződése .crx, nevezze át úgy, hogy így végződjön .postai irányítószámés normál archívumként nyissa meg egy archiválóval. Csomagolja ki egy erre előkészített mappába (például hozzon létre egy mappát a „C” meghajtón Extensions, vagy bármilyen más néven).
2. A böngészőben a kiterjesztéseket tartalmazó oldalon kattintson a gombra "Kicsomagolt bővítmény betöltése"és a megjelenő ablakban válassza ki a létrehozott mappát, majd kattintson az OK gombra.

A bővítmény telepítésre kerül a böngészőben, most már csak aktiválni kell a bővítmény melletti kapcsolót „Engedélyezve” állásba állítva.

Felhasználói szkript telepítése – olyan fájl, mint a .user.js a Google Chrome-ban

1. módszer, egyszerűbb, de további bővítmény telepítését igényli. A bővítmény neve tampermonkey, és a Google Chrome áruházból kell telepíteni. A telepítés után elérhető lesz a böngésző jobb felső sarkában. Amikor megnyomja bal egérgombot A következő ablak jelenik meg a bővítmény ikonján:

amelyben ki kell választania egy elemet "Új szkript létrehozása". Felhívjuk figyelmét, hogy a ponttal szemben "Engedélyezve" zöld pipa legyen.

Megnyílik egy ablak az új szkript létrehozásához. Most meg kell nyitnia a letöltött felhasználói szkriptet egy szövegszerkesztővel, ki kell másolnia belőle a kódot, és be kell illesztenie a böngészőben ebbe az ablakba. Ezután kattintson a gombra "Fájl -> Mentés":

A forgatókönyv készen áll a munkára.

A felhasználói parancsfájl telepítésének második módja– bővítmények használata nélkül. Ehhez egy kicsit módosítani kell a szkriptet, létrehozni hozzá egy manifest.json fájlt, aminek köszönhetően a script kicsomagolt kiterjesztésként telepíthető.

1. Először le kell töltenie magát a *.user.js nevű szkriptfájlt.
2. Most hozzon létre egy mappát, és helyezze el a szkriptet (például hozzon létre egy mappát a „C” meghajtón Extensions néven vagy bármilyen más néven).
3. Nyissa meg a szkriptet egy szövegszerkesztővel. Jegyzet! Előfordulhat, hogy a szokásos Windows jegyzettömb nem megfelelő - célszerű olyan szövegszerkesztőt használni, amely képes megváltoztatni a kódolást, például a Notepad++. E két fájl szövegének UTF-8 kódolásúnak kell lennie, különben a telepítés nem fog működni. A szkriptfájl legelején keresse meg a következő sorokat:

// @név ... // @verzió ... // @leírás ... // @include ... (több is lehet) // @exclude ... (több is lehet)

1. Ugyanabban a mappában hozzon létre egy manifest.json fájlt, és illessze be ezt a sablont (vagy töltse le a kész fájlt):

( "content_scripts": [ ( "exclude_globs": [ "all_domains_and_paths_from_exclude_directives" ], "exclude_matches": , "include_globs": [ "all_domains_and_paths_from_include_directives" ], "exclude_globs": [le] "erscriptjs_fi], "erscriptjs http://*/*", "https://*/*" ], "run_at": "document_idle" ) ], "converted_from_user_script": true, "description": "description_of_your_user_script", "name": "name_of_your_user_script " ", "version": "felhasználói szkript_verziószáma", "manifest_verzió": 2 )

"content_scripts" : [ ( "exclude_globs" : [ "minden_domains_and_paths_from_exclude_directives"] , "exclude_matches" : , "include_globs" : [ "minden_domains_and_paths_from_include_directives"] , : "felhasználói_szkript_leírása", "név": "felhasználói_nevének_neve", "verzió": "felhasználói_verziószám", "manifest_version" : 2

Töltse ki a 3. lépésben keresett felhasználói szkriptadatokkal.

userscript_version_number- legfeljebb 4 szám, pontokkal elválasztva. Például a 2.1.3

userscript_file_name.js- a manifest.json fájl mellett található parancsfájl neve

all_domains_and_paths_from_include_directives- mindegyik idézőjelben, vesszővel elválasztva, minden metakarakterrel, például „*” , "http:// site2.ru/*" ]);

all_domains_and_paths_from_exclude_directives- ugyanez a @exclude direktíváknál

Miután minden elkészült, a felhasználói szkript harmadik féltől származó kiterjesztésként kerül telepítésre. Böngésző menü a jobb felső sarokban > További eszközök > Bővítmények. Jelölje be a „Fejlesztői mód” jelölőnégyzetet, majd válassza a „Kicsomagolt bővítmény betöltése...” lehetőséget, és a megnyíló ablakban válassza ki az újonnan létrehozott fájlokat tartalmazó mappát. Ha minden helyesen történik, a felhasználói szkript hozzáadódik a böngészőhöz és aktiválódik. Ennek a módszernek az egyetlen hátránya, hogy minden alkalommal, amikor elindítja a böngészőt, a következő ablak jelenik meg:

értesítést küld arról, hogy harmadik féltől származó bővítmény van telepítve, amely nem biztonságos. Csak kattintson a "Mégse" gombra, és minden működni fog.