Létrehozása egyszerű króm alkalmazások savepearlharbor
edzés
Annak tesztelésére, az alkalmazást, amit a fejlődő, meg kell adni, hogy a böngésző. Ahhoz, hogy ez a chrome: // extensions oldalon meg kell jegyezni, a checkbox „Fejlesztői mód» ( «Fejlesztői mód»). Ezután lehet majd felvenni a bővítmény vagy alkalmazás.
manifest.json
Nézzük a területen, akik itt találkoztak. A címet és leírást minden világos. Verzió mező kitöltése kötelező - Chrome webtárhely lesz szükség, hogy nekem, ha letölti a frissítést az alkalmazás.
Standart ikon méretben. szükséges egy alkalmazás - 48 × 48 és 128 × 128 pixel. Továbbá, bizonyos esetekben, használjon egy ikon mérete 16 × 16. Ezen kívül más dimenziók ikonok lehet szükség olyan esetekben, amikor megjelenik a nagy felbontású kijelzők, mind a Chromebook Pixel és az új MacbookPro.
„Manifest_version” - változata a nyilvánvaló formátumban. Abban a pillanatban, akkor érdemes használni a 2 érték.
„Offline_enabled” - ahogy az várható volt, ez a jelző a futó alkalmazások, függetlenül attól, hogy az internet-hozzáférést.
A következő építőipar - a fő file:
Itt azt mondja a böngésző hogyan kell futtatni az alkalmazást. Ellentétben a kiterjesztéseket, háttéroldal választható attribútum, mindig ott van az alkalmazás. A logika a következő: ha az alkalmazás első indításakor betöltött kód hátterének. Ő lehet regisztrálni rakodók bizonyos eseményekről, különösen onLaunched eseményeket. amely aztán elindítja a felhasználó valamilyen módon megnyitja az alkalmazást.
A „engedélyek” írja hozzáférési beállításokat az alkalmazásban. A mi esetünkben ez növeli a képességet, hogy mentse a fájlokat.
Végül a következő részben „file_handlers” írja le a fájltípusok által nyitott az alkalmazást. A különböző típusú fájlokat a fájlkezelő Chrome OS mutathat másik vonal a menüben. Például néhány fájlt a menüben nézhet ki: „Lásd a képet superprogram”, de mások számára - a „Szerkesztés szövegének superprogram”.
Kinevezés Chrome-alkalmazást megnyitni egy adott fájltípust dolgozik eddig csak a Chrome OS-ben.
háttér oldal
Minden kód, amely megvalósítja a háttérben oldal található a js / background.js fájlt. Itt is van:
Háttér lap a háttérben, függetlenül az alkalmazás ablakában. ez nem töltődik be a memóriába a legtöbb időt. Amikor futtatja a kód lefut, és a rendszer beállításához rakodók bizonyos események, a leggyakoribb, amely - onLaunched. Amikor a rakodók vannak beállítva, háttér oldalt, általában rakodni a memóriából, és fut vissza csak akkor, ha az egyik esemény, amelyen az aláírás.
chrome.app.window.create módszer létrehoz egy új alkalmazás ablakában. Az első paraméter - az utat nyit a html-fájlt (viszonyítva az alkalmazás könyvtár). Második - Options ablakot. Összpontosítok egyikük. frame: „króm” létrehoz egy ablak, egy szokásos operációs rendszer aktuális design. Egy másik lehetőség van - keret: „nincs”. Ebben az esetben az alkalmazás fut egy „csupasz” mezőbe, a fejlesztő lesz vigyázni hozzáadjuk a gombok, hogy lezárja, véralvadás és a telepítési ablakok, valamint a területek, amelyekre egy ablak lehet húzni a képernyő körül.
index.html
A HTML és CSS fájlok, amelyek segítségével Chrome-alkalmazásait, nincs semmi különös. Az egyetlen funkció, amely lehet jegyezni - a hiánya kell aggódnia, hogy cross-browser somestimosti.
Hogy teljes legyen a kép ad CSS:
A fő kód: Fájlok kezelése
Tehát, mi kell érteni a kódot js / main.js. Hozom széttöredezi a teljes kód - a Githabe.
Feladat inicializálási funkció - add rakodók a gombok és kijutni a háttérben oldal megnyitni kívánt fájlt. Háttér A háttér az oldal származik a fő ablakban aszinkron használatával chrome.runtime.getBackgroundPage.
Rakodók karakternél:
Jelenlegi FileEntry tárolunk egy globális változót currentEntry.
Az egyetlen konkrét funkció a kód a fent megadott - egy eljárás chrome.fileSystem.chooseEntry. Ezzel a módszerrel megnyitja a fájl kiválasztó ablak (annak minden rendszer). Mint az összes többi funkcióval rendelkezik a fájlrendszer, ez a módszer aszinkron, és kap egy visszahívás, hogy továbbra is (ebben az esetben a funkciók és loadEntry saveToEntry, lásd alább).
A setTitle () függvény megváltoztatjuk a cím az ablak, hogy mutassa az utat, hogy a fájlt. Hogyan jelenik meg ez a fejléc, a rendszertől függően. A Chrome OS-ben nem jelent meg. chrome.fileSystem.getDisplayPath - a leginkább megfelelő módja annak, hogy az utat egy fájl, amely alkalmas annak megjelenítéséhez a felhasználónak. Egy másik nézet az utat a rendelkezésre álló entry.fullPath.
A File API két különböző tárgyakat, amelyek leírják a file: FileEntry és Fájl. Nagyjából elmondható, hogy FileEntry képviseli a fájl elérési útvonalát, és a File - szereplő adatokat is. Ezért annak érdekében, hogy olvassa el a fájlt, akkor kell, hogy a tárgy a bejegyzés fájl. Ezt úgy érjük el, az aszinkron módszerrel entry.file ().
FileReader - külön létesítmények célja az olvasás fájlokat. Ez lehetővé teszi, hogy elegendő rugalmasságot kezelni a folyamat az olvasás, de tőle, ebben az esetben csak el kell olvasni a teljes fájl tartalmát.
Vedd fájl, mint az olvasás, nem tartalmaz külön kód Chrome:
Mielőtt írsz adatokat kell vezetnie Blob szem előtt. Egy további lépés, amit ponabitsya felvétel közben - ez cutoff esetén a fájl ha már létezik és nagyobb hosszúságú. Ha volt teljesen biztos, hogy ez egy új fájlt, írja be a kódot kellene egyszerűsíteni: