обучение

За да тествате приложението, което се развиват, трябва да го добавите към вашия браузър. За тази цел хром: // разширения страница трябва да се отбележи в режим на отметка "за разработчици» ( «Проект на режим"). След това ще бъде възможно да добавите разширението или приложението.

manifest.json

Нека разгледаме тази област, който се срещна тук. Със заглавие и описание на всички е ясно. Версия е задължително поле - Уеб магазин на Chrome ще го изиска за мен, когато изтеглите актуализацията на вашето приложение.

Стандартни размери икона. необходима за приложение - 48 х 48 и 128 х 128 пиксела. Също така, в някои случаи, използвайте размер икона от 16 × 16. В допълнение, други размери икони може да се изисква в случаите, когато тя ще бъде показана на монитори с висока резолюция, както на Chromebook Pixel и нов MacBookPro.

"Manifest_version" - версия на манифеста файлов формат. В момента, трябва да използвате стойност 2.

"Offline_enabled" - както може да се очаква, че тази променлива е за приложенията работи, независимо от това дали достъпът до интернет.

Следващият строителството - основният файл:

Тук казва на браузъра как да стартирате приложението. За разлика от разширения, които на фона на страницата не е задължителен атрибут, тя е винаги там, в заявлението. Логиката е следната: когато приложението е натоварено страница на заден план код стартиране. Той може да се регистрирате товарачи за определени събития, по-специално, onLaunched събития. които след това започва на потребителя по някакъв начин се отваря приложението.

В "Разрешения" описва настройките за достъп за приложението. В нашия случай, добавя способността да запишете файла.

И накрая, в "FILE_HANDLERS" на раздел описва типовете файлове, които са отворени от приложението. За различни видове файлове в файловия мениджър, Chrome OS може да покаже различен ред в менюто. Например, някои файлове от менюто може да изглежда така "Виж superprogram образ", а за други - "Редактиране на текст в superprogram".

Назначаване програма Chrome-заявление за откриване на определен тип файл работи досега само в Chrome OS.

Предистория страница

Всички кода, който реализира на фона на страницата се намира в JS / background.js по делото. Ето го:

Предистория страница е на заден план, независимо от прозореца на приложението. това не е зареден в паметта голямата част от времето. Когато стартирате на кода се извършва и системата може да зададете работещи на определени събития, най-често срещаните от които - onLaunched. Когато манипулатори са определени, на фона на страницата, обикновено разтоварват от памет и работи обратно само тогава, когато, на която е подписано едно от събитията.

chrome.app.window.create метод създава нов прозорец приложение. Първият параметър - пътят към него се отваря в HTML-файл (по отношение на директорията с приложенията). Второ - Options прозорец. Аз се съсредоточи върху един от тях. кадър: "хром" създава прозорец с конвенционална операционна система за текущия проект. Друг вариант тук - кадър: "няма". В този случай, то се изпълнява в "празна" кутия, а предприемачът ще трябва да се грижи за добавяне на бутоните, за да се затвори, коагулационни и разгъване на прозорци, както и области, за които един прозорец може да се влачат по екрана.

index.html

HTML и CSS файлове, които изграждат своите приложения за Chrome, няма нищо конкретно. Единствената функция, която може да се отбележи, - е липсата на нужда да се притеснявате за различни браузъри somestimosti.

За да завърши картината дават СГО:

Основният код: Работа с файлове

Така че, ние трябва да разберем кода в JS / main.js. Ще донесе го фрагментира пълния код - на Githabe.

Задача инициализация функции - добави, работещи с бутоните и да излязат от досието на фона на страницата, за да отворите. Context Страницата от този произлиза от основния прозорец на асинхронно, използвайки chrome.runtime.getBackgroundPage.

Хендлери клавиши:

Текущ FileEntry ние съхраняваме в глобална променлива currentEntry.

Единствената особеност в кода, по-горе - метод chrome.fileSystem.chooseEntry. С този метод се отвори прозорецът за избор на файл (си на всяка система). Подобно на всички други функции за работа с файловата система, този метод е асинхронен и получава обаждане да продължи (в този случай, функциите и loadEntry saveToEntry, описани по-долу).

В функция setTitle () можем да промените заглавието на прозореца, за да покаже пътя към текущия файл. Как той ще покаже това удар с глава, в зависимост от системата. На Chrome OS, той не се появи. chrome.fileSystem.getDisplayPath - най-правилния начин, за да получите по пътя на файл, който е подходящ, за да го покаже на потребителя. Друга гледна точка на начина, по който чрез наличната entry.fullPath.

В API на файла има две различни предмети, които описват файла: FileEntry и файла. Грубо казано, FileEntry представлява пътят до файла и File - данните, съдържащи се в него. Ето защо, за да се чете файла, което трябва да получи обекта на въвеждане на файла. Това се постига чрез асинхронен метод entry.file ().

FileReader - отделни помещения, предназначени за четене на файлове. Тя позволява достатъчно гъвкавост при управление на процеса на четене, но ние от него, в този случай просто трябва да прочетете цялото съдържание на файла.

Запис на файла, като четене, не съдържа никакви конкретни код за Chrome:

Преди да напишете данни следва да водят до Blob ум. Една допълнителна стъпка, която ние ponabitsya при записване - това изключване в случай на файл, ако той вече съществува и е с по-голяма дължина. Ако бяхме абсолютно сигурни, че това е нов файл, напишете кода ще бъде опростена, за да:

заключение