Страницы

суббота, 10 августа 2013 г.

Hello, Chrome Packaged Apps!

В силу не зависящих от меня обстоятельств отсутствовал в сетях несколько дней, после чего полез читать новости - вдруг что-нибудь вкусное пропустил? Обнаружил ссылку на Chrome App Launcher, после перехода по которой в панели задач появилась новая иконка. Нажимаю... Совсем забыл, что планировал познакомиться c Chrome Packaged Apps поближе, но все, что до сих пор совершил в этом направлении - Hello, World! Расскажу, как я готовил это традиционное блюдо.



Для начала предлагаю взглянуть на скриншот окна, появившегося после запуска Chrome App Launcher.

Кого-нибудь узнали? Меня вдохновил товарищ с иконкой "Hello" :).

Найдем пару подобных иконок размером 16х16 и 128х128 пикселей.

Добавим к ним файл манифеста. Назовем его manifest.json.
{
  "manifest_version": 2,
  "name": "Hello, World!",
  "description": "Первое приложение",
  "version": "0.1",
  "app": {
  "background": {
   "scripts": ["main.js"]
  }
  },
  "icons": {
  "16": "hello-16.png", 
  "128": "hello-128.png"
 }
}

Отправим в тот же каталог скрипт по имени main.js.
chrome.app.runtime.onLaunched.addListener(function() {
  chrome.app.window.create('index.html', {
    'bounds': {
      'width': 300,
      'height': 300
    }
  });
});

Украсим файлом окна приложения index.html.
<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
  <div>Hello, World!</div>
  </body>
</html>

Готово. Как это можно употребить?
Открываем Chrome - Инструменты - Расширения, отмечаем чекбокс "Режим разработчика"

Нажимаем кнопку "Загрузить распакованное расширение...", выбираем каталог, в котором мы только что приготовили наше блюдо.

Нажимаем ссылку "Запустить".

Запустить приложение можно и с помощью панели запуска приложений Chrome.

Have fun :).