» » Пример создание web-приложения для Chrome

Пример создание web-приложения для Chrome

В предыдущей статья я вам рассказывал как устанавливать и включать уже готовые веб приложения. Сейчас же я вас научу самим делать себе любые устанавливаемый web-приложения по вашему желанию.

В качестве примера я вам покажу как сделать Google Translate App - Переводчик Google

Напоминаю. Для того что бы установить Google Web Apps в Chrome следует обновится до последней сборки Dev сборки.

1) Для создания web-приложения для Chrome нам потребуется приготовить 4 иконки размеров 24, 32, 48 и 128px - Пример создание web-приложения для Chrome Пример создание web-приложения для Chrome Пример создание web-приложения для Chrome Пример создание web-приложения для Chrome как минимум нужно иметь хотя бы две иконки размерами 24 и 128

2) В редакторе создаём файлик - manifest.json

Содержание файла выглядит так:

{  "name": "Google Translate",  "version": "1",  "icons": { "128": "icon128.png", "24": "icon24.png", "32": "icon32.png", "48": "icon48.png"  },  "permissions": [ "notifications" ],  "app": {    "urls": [      "*://translate.google.com/?hl=ru#"    ],    "launch": {      "web_url": "http://translate.google.com/?hl=ru#"    }  }}


name — название приложения
version — версия для идентификации
icons — в этом параметре мы указываем иконки, которые будут отображаться у нас в браузере (рядом с табами и ссылкой на запуск)
permissions — параметр, в котором прописываем разрешение на доступ
launch — в параметре local_path укажем адрес на веб приложение

3) Создаём папку например с названием Translate_app и помещаем её в
(вместо %username% подставьте имя своего юзера)
для пользователей Vista или Windows 7
C:\Users\%username%\AppData\Local\Google\Chrome\Application\[Version]\Resources

для Windows XP
%USERPROFILE%\Local Settings\Application Data\Google\Chrome\Application\[Version]\resources 


4) После этого подключаем это расширение. О том как загрузить распакованные расширения написано тут


вот взгляните на результат: Пример создание web-приложения для Chrome


Давайте уже и заодно я вас научу упаковывать расширения что бы вы смогли делится ими с друзьями. А делается это очень просто.

- Заходим в меню расширений (chrome://extensions/), переключаемся в «режим разработчика» и выбираем «Упаковка расширений...»
- Выберите корневой каталог для упаковываемого расширения
- после того как расширение успешно упакуется вы получите уведомление о том что созданы следующие файлы *.crx расширение и *.pem (файл ключей)





Добавить комментарий

КОММЕНТАРИИ

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Быстрый вход: 

ВОЗМОЖНО ВАС ЭТО ЗАИНТЕРЕСУЕТ

Информация
Комментировать статьи на сайте возможно только в течении 90 дней со дня публикации.