Chrome apps как добавить приложение
Имейте в виду, что устанавливать стоит только те расширения, в которых вы уверены. Даже в Chrome Web Store можно наткнуться на вредоносный аддон.
Как установить расширение в Google Chrome
Как установить расширение из Chrome Web Store
Главный источник расширений для вашего браузера — официальный магазин Chrome Web Store. Тут они доступны для установки бесплатно. Чтобы установить расширение, сделайте следующее.
Найдите нужное расширение. Можно воспользоваться строкой «Поиск по магазину» в левом верхнем углу экрана или выбрать что‑нибудь в категориях на главной странице. Щёлкнув нужное расширение, вы увидите его страничку. Справа будет большая синяя кнопка «Установить». Нажмите её.
Нажмите «Установить расширение» во всплывающем окне и подождите немного. Когда установка закончится, Chrome покажет уведомление в левом верхнем углу окна. Опционально может открыться страничка расширения с инструкциями.
Теперь расширение готово к работе.
Найти его можно в специальном меню, которое открывается при нажатии на кнопку со значком пазла на панели инструментов. Если вы часто используете это расширение и хотите всегда иметь к нему быстрый доступ, нажмите на значок булавки рядом с ним, и оно будет закреплено на панели инструментов.
А если решите убрать расширение обратно в меню, щёлкните его значок правой кнопкой мыши и выберите «Открепить из Быстрого запуска».
Как установить расширение в формате ZIP
Иногда нужного расширения нет в Chrome Web Store, но разработчик позволяет скачать его на своём сайте. В этом случае его придётся добавить в браузер вручную. В прошлом достаточно было скачать расширение в формате CRX и перетянуть в окно Chrome. Теперь Google убрала эту возможность по соображениям безопасности. Тем не менее установить сторонние расширения всё ещё можно.
Загрузите нужное расширение. Как правило, оно запаковано в архив ZIP. Распакуйте его в новую пустую папку в любом удобном для вас месте.
В Chrome нажмите «Меню» → «Дополнительные инструменты» → «Расширения».
Щёлкните переключатель «Режим разработчика».
Нажмите «Загрузить упакованное расширение» и выберите вашу папку. Готово, расширение установлено.
Как установить стороннее расширение в формате CRX
Некоторые расширения по старинке содержатся не в архиве ZIP, а в формате CRX. Их браузер позволяет установить, только если они были скачаны из Chrome Web Store. Иначе он просто откроет страничку магазина. Вот как обойти это ограничение.
Загрузите расширение формате CRX. Откройте сайт CRX Extractor и перетащите скачанный файл в поле справа.
Распакуйте полученный архив в новую папку и установите расширение, как показано в предыдущем пункте.
Как настроить расширение в Google Chrome
Нажмите «Меню» → «Дополнительные инструменты» → «Расширения» и найдите нужный вариант.
Щёлкните кнопку «Подробнее» рядом с ним — откроется окно параметров. Тут можно включить или выключить расширение, не удаляя его. В разделе «Доступ к сайтам» вы можете указать, нужно ли запускать расширение на всех сайтах, или на некоторых (их адреса нужно будет ввести вручную), или активировать его только при щелчке по значку аддона. А в «Разрешить использование в режиме инкогнито» — включить расширение для приватного режима.
Имейте в виду, что многие расширения собирают статистику посещений, так что используйте эту возможность с осторожностью.
Наконец, раздел «Параметры расширений» открывает меню настроек самого аддона.
У каждого расширения оно своё. Доступные для редактирования параметры, находящиеся тут, зависят от разработчика аддона.
Открыть параметры расширения также можно, щёлкнув по его значку на панели инструментов правой кнопкой мыши и выбрав «Параметры».
Кстати, не у всех расширений имеются настройки, открытые для редактирования, так что иногда эта кнопка недоступна.
Как удалить расширение из Google Chrome
Нажмите «Меню» → «Дополнительные инструменты» → «Расширения», найдите расширение, от которого хотите избавиться, и нажмите «Удалить». Ещё быстрее это можно сделать, щёлкнув правой кнопкой мыши по значку аддона на панели инструментов и выбрав в контекстном меню «Удалить из Chrome». Либо нажмите на значок пазла, отыщите нужное расширение там, нажмите на кнопку с тремя точками рядом с ним и щёлкните «Удалить из Chrome».
Подтвердите вашу команду, когда браузер переспросит вас, повторным нажатием кнопки «Удалить». Готово, расширение удалено.
В прошлом топике я постарался рассказать, что такое Chrome app, и зачем их писать. В этом, как обещал, я опишу процесс создания простого Chrome-приложения. В качестве примера будет использован текстовый редактор. Во-первых, его можно написать очень коротко, так чтобы практически весь код поместился в статью. Во-вторых, в текстовом редакторе будут использоваться несколько характерных для Chrome (и других основанных на Chromium браузеров) программных интерфейсов. В-третьих, да, я уже писал текстовый редактор для Chrome.
Подготовка
Для тестирования приложения, которое вы разрабатываете, необходимо будет добавить его в свой браузер. Для этого на странице chrome://extensions нужно отметить чекбокс «Режим разработчика» («Developer mode»). После этого станет возможным добавить ваше расширение или приложение.
manifest.json
Код любого приложения для Chrome, как и любого расширения, начинается с файла manifest.json. В нём описывается вся мета-информация приложения. Приведу целиком манифест редактора:
Разберём поля, которые тут встретились. С названием и описанием всё ясно. Версия является обязательным полем — Chrome Web Store будет требовать, чтобы она менялась, когда вы загружаете обновление вашего приложения.
Стандарные размеры иконок, требующихся для приложения — 48×48 и 128×128 пикселов. Также в некоторых случаях используется иконка размера 16×16. Кроме этого, другие размеры иконки могут потребоваться в случаях, когда она будет показываться на дисплеях высокого разрешения, как на Chromebook Pixel и новых MacbookPro.
"manifest_version" — версия формата файла manifest. В данный момент следует использовать значение 2.
"offline_enabled" — как можно ожидать, данный флаг установлен для приложений, работающих вне зависимости от наличия доступа к интернету.
Следующая конструкция — главная в файле:
Тут браузеру сообщается, как запускать приложение. В отличие от расширений, для которых background page является необязательным атрибутом, в приложении он всегда есть. Логика работы такова: при запуске приложения сначала загружается код background page. Он может регистрировать обработчики тех или иных событий, в частности, события onLaunched , который затем стартует, когда пользователь тем или иным способом открывает приложение.
В разделе "permissions" описываются настройки доступа для приложения. В нашем случае добавлена возможность сохранять файлы.
Наконец, в разделе "file_handlers" описаны типы файлов, открываемых приложением. Для разных типов файлов в файловом менеджере Chrome OS могут показывать разные строчки в меню. Например, для одних файлов пункт в меню может выглядеть «Смотреть изображение в СуперПрограмме», а для других — «Редактировать текст в СуперПрограмме».
Назначение Chrome-приложения программой для открытия того или иного типа файлов работает пока только в Chrome OS.
Background page
Весь код, реализующий background page находится в файле js/background.js. Вот он:
Background page работает в фоновом режиме независимо от окон приложения. Большую часть времени он не загружен в память. При запуске системы его код исполняется и может установить обработчики тех или иных событий, самое распространённое из которых — onLaunched. Когда обработчики установлены, background page, как правило, выгружается из памяти и запускается обратно только если произошло одно из событий, на которые он подписан.
Когда пользователь кликает на иконку приложения, или открывает в нём какой-то файл, в background page запускается событие onLaunched. В него передаются параметры вызова, в частности, файл(ы), которые приложение должно открыть. Код entryToLoad = launchData['items'][0]['entry'] сохраняет переданный в приложение файл в локальной переменной, откуда его потом возьмёт код редактора. Событие onLaunched может прийти и тогда, когда приложение уже открыто. В этом случае код в background page может сам решить, открывать ли новое окно, или совершить какие-то действия в уже открытом окне.
Метод chrome.app.window.create создаёт новое окно приложения. Первый параметр — путь к открываемому в нём html-файлу (относительно директории приложения). Второй — параметры окна. Остановлюсь на одном из них. frame: 'chrome' создаёт окно с обычным для текущей операционной системы оформлением. Другой вариант здесь — frame: 'none' . В этом случае приложение запускается в «голом» окне, и разработчик должен будет сам позаботиться о добавлении кнопок для закрытия, свёртывания и развёртывания окна, а также области, за которую окно можно будет таскать по экрану.
index.html
В HTML и CSS файлах, входящих в состав приложений Chrome, нет ничего специфического. Единственная особенность, которую можно отметить — это отсутствие необходимости заботиться о межбраузерной соместимости.
Мы воспользуемся jQuery, чтобы немного упростить код. Для редактирования мы будем использовать поле <textarea> . В настоящем редакторе вместо это будет использоваться более интеллектуальный модуль редактирования. Наиболее распространённые варианты: CodeMirror и Ace.
Для полноты картины приведу CSS:
Основной код: работа с файлами
Итак, разберём код в js/main.js . Я буду приводить его фрагментами, полный код — на Гитхабе.
Обработчики нажатий на кнопки:
Текущий FileEntry мы будем хранить в глобальной переменной currentEntry.
В функции setTitle() мы меняем заголовок окна, чтобы показать путь к текущему файлу. То, как будет отображаться этот заголовок, зависит от системы. На Chrome OS он вообще не показывается. chrome.fileSystem.getDisplayPath — наиболее корректный способ получить путь файлу, подходящий, чтобы показывать его пользователю. Другое представление пути доступно через entry.fullPath .
В File API есть два различных объекта, описывающих файл: FileEntry и File. Грубо говоря, FileEntry олицетворяет путь к файлу, а File — данные, в нём содержащиеся. Следовательно, для того, чтобы прочитать файл, необходимо по Entry получить объект File. Это достигается с помощью асинхронного метода entry.file() .
FileReader — отдельный объект, предназначеный для чтения файлов. Он позволяет достаточно гибко управлять процессом чтения, но нам от него в данном случае нужно просто прочесть всё содержимое файла.
Запись файла, как и чтение, не содержит специфичного для Chrome кода:
Прежде чем писать данные, их необходимо привести к виду Blob. Один дополнительный шаг, который понадобится нам при записи — это обрезание файла на случай, если он уже существует и имеет большую длину. Если бы мы были точно уверены, что это новый файл, код записи упростился бы до:
Заключение
На этом код нашего приложения закончен. К сожалению, управление файлами в JavaScript устроено несколько неинтуитивно, и, вероятно, является наиболее сложной частью приложения. Но, как я уже писал выше, эти API не специфичны для Chrome, а реализованы во всех современных браузерах.
Напишу небольшой туториал как сделать для своего приложения.
Чтобы добавить приложение на Chrome Store нужно:
1. Открыть Хром
2. Зайдите на Хром Стор https://chrome.google.com/webstore/category/apps
3. Залогинтесь под гуглом в правом верхнем углу.
4. Откройте девелоперскую страницу https://chrome.google.com/webstore/developer/dashboard
5. Нажмите добавить новое приложение (сейчас не помню в какой момент, но Гугл попросит оплатить один раз 5 долл.) - откроется страница редактирования приложения.
6. Непростое занятие это загрузить файл-конфигурцию. Он у них называется manifest.
Вот манифест на мой мувизкин
https://dl.dropboxusercontent.com/u/667844/share-dropfolder/movies/manifest.json
Сделайте себе похожий, укажите только "version": "1" - это версия вашего приложения, но "manifest_version": 2 оставьте также.
7. Сделайте на компютере отдельную папку, сложите туда:
- файл манифеста
- три квадратные иконки размерами 16, 48 и 128px.
Заархивируйте вот это все в zip и залейте в Хром Стор, там же на странице редактирования приложения.
Этого раньше было достаточно, сейчас я еще добавляю описания на разных языках.
Вот пример того манифеста который я заливал на Хром Стор. https://dl.dropboxusercontent.com/u/667844/share-dropfolder/movies/moleskin2.zip Хром Стор съел без ошибок.
8. На странице редактирования добавьте скриншоты(смотрите у них точные размеры), описание, категорию, языки, укажите ссылку на сайт.
Про сайт(графа Websites) отдельно скажу. Нужно нажать Add a new site, вас перенаправят на https://www.google.com/webmasters/tools/home?hl=en Так нажмите Add a site, введите url и пройдите верификацию, что вы действительно владелец сайта.
9. Возвращайтесь на страницу редактирования приложения в Хром Стор. Спуститесь вниз и нажмите "Сохранить как черновик" чтобы обновилась страница и ничего не потерять. Это нужно для того чтобы появился сайт в графе Websites. Выбираем ссылку на свой сайт.
10. Жмем кнопку Publish и через 60 минут ваше приложение в Хром Сторе.
Пишите вопросы, отвечу.
Не очень много, но стабильно с Хром Стора приходят посетители. Поэтому можно один раз пройти этот квест и забыть про Хром Стор. А если модераторы Хром Стора вас поставят в рекомендуемые, то посетителей будет гораздо больше. Удачи!
Movieskine (Chrome Store)
В Chrome заработали веб-приложения - Google Web Apps. Вернее они пока доступны для пользователей Google Chrome Dev версии. Установленные приложения выглядят в виде специальных вкладок. Установка веб-приложение в Google Chrome легка и быстра.
Предлагаю вашему вниманию подробную инструкцию по включению и установке приложений.
В последней сборке Хрома уже включены расширения 3 популярных веб сервиса (Gmail app, Calendar app, Docs app)
Как я уже писал выше, для того что бы установить Google Web Apps в Chrome следует обновится до последней сборки Dev сборки . На момент написания этой статьи последняя актуальная версия (6.0.453.1)
После установки обязательно перезапустите браузер.
Добавляем к ярлыку Chrome --enable-apps или лучше сразу --enable-apps --apps-panel как это показано на картинке ниже:
(--enable-apps — включает поддержку приложений
--apps-panel — добавляет всплывающую панель)
Заходим в меню расширений (chrome://extensions/), переключаемся в «режим разработчика» и выбираем «Загрузить распакованное расширение. »
Три приложения которые уже идут вместе со сборкой находятся они в папке:
для пользователей Vista или Windows 7
например у меня в Win 7 выглядит так (вместо %username% подставьте имя своего юзера)
если зайдете по этому адресу то увидите в папке Resources 3 расширения: calendar_app, docs_app, gmail_app
чтоб вам было легче я уже подготовил для вас пути:
Calendar
Docs
Gmail
важно чтоб в каждой из этих папок находился файл manifest.json
Лично оставил себе пака только приложение Gmail. Вот как это выглядит у меня
Для того что бы добавить приложения в верхнюю панель кладок нужно нажать на иконку "Новая вкладка" и выбрать желаемое приложение
Потребность в запуске приложения для смартфона на ПК возникает достаточно часто. Если большинство мессенджеров создали клиенты для компьютеров, то Instagram упорно отказывается реализовывать полноценный функционал в веб-версии. Немногие знают, что для установки не обязательно использовать эмулятор ОС Android, поглощающий огромное количество ресурсов компьютера – вполне можно обойтись и компактным расширением для браузера.
Коротко о ARC Welder
В начале 2015 года корпорация Google активно продвигала ноутбуки, работающие на базе ОС Android. Система «хромала», поэтому приложения приходилось невероятно часто устанавливать из сторонних источников. Для этого в Chrome и реализовали возможность, которая легла в основу ARC Welder. Изначально предполагалось, что расширение будет популярным исключительно среди разработчиков, но сегодня его активнее всего используют именно SMM-специалисты.
Установка ARC Welder
Сначала нужно найти ARC Welder в официальном магазине Chrome. Проще всего это будет сделать через поиск. Пусть вас не смущает низкий рейтинг программы – его «уронили» лица, желающие запустить мощные игры для мобильных на слабом железе своих ноутбуков. С популярными приложениями проблем не наблюдается.
Запуск Android-приложения в Chrome с помощью ARC Welder
В следующем окне стоит выбрать файл приложения, которое вы планируете установить. Убедитесь в том, что вы скачали именно APK-файл из надёжного источника – лучше всего будет воспользоваться библиотекой Google Play.
Моим «подопытным» был Instagram. Задайте настройки в соответствии с вашими потребностями и нажмите на кнопку «Launch App».
Как вы видите, всё работает отлично. С момента запуска разработчики ARC Welder сделали огромный шаг вперёд, хотя ещё пару лет назад приложение было переполнено багами.
Приятный бонус: все приложения, корректно установленные с помощью ARC Welder будут отображаться в вашем Chrome – всего лишь на расстоянии одного клика. Единственными минусом является отсутствие поддержки русского языка.
Читайте также: