Фирменные приложения для браузера компании Google

Фирменные приложения для браузера компании Google

Компания Google производит довольно много продуктов, но наиболее востребованы среди пользователей их поисковая система, ОС Andro >

Гугл-приложения для браузера

«Приложения Google» (другое название – «Сервисы») в своем изначальном виде – это некий аналог стартового меню «Пуск» в Windows, элемент Chrome OS, перекочевавший из нее и в другие операционные системы. Правда, работает он только в веб-обозревателе Гугл Хром, причем изначально может быть скрытым или недоступным. Далее расскажем о том, как активировать данный раздел, какие приложения он содержит по умолчанию и что они собой представляют, а также как добавить в этот набор новые элементы.

Стандартный набор приложений

Прежде чем приступить к непосредственному обзору веб-приложений Google, следует прояснить, что они собой представляют. По сути, это те же закладки, но с одним важным отличием (не считая очевидно иного места расположения и внешнего вида) – элементы раздела «Сервисы» могут быть открыты в отдельном окне, как независимая программа (но с некоторыми оговорками), а не только в новой вкладке браузера. Выглядит это следующим образом:

Предустановленных приложений в Google Chrome всего семь – это интернет-магазин Chrome WebStore, Документы, Диск, YouTube, Gmail, Презентации и Таблицы. Как видите, в этом небольшом списке представлены даже не все популярные сервисы Корпорации Добра, но при желании его можно расширить.

Включение приложений Google

Получить доступ к Сервисам в Гугл Хром можно через панель закладок – для этого достаточно нажать по кнопке «Приложения». Вот только, во-первых, панель закладок в браузере отображается не всегда, точнее, по умолчанию получить к ней доступ можно только с домашней страницы. Во-вторых – интересующая нас кнопка для запуска веб-приложений может отсутствовать вовсе. Для ее добавления необходимо выполнить следующее:

Нажмите по кнопке открытия новой вкладки, чтобы перейти на стартовую страницу веб-обозревателя, а затем выполните клик правой кнопкой мышки по панели закладок.

В контекстном меню выберите пункт «Показать кнопку «Сервисы»», установив таким образом напротив него галочку.

Аналогичным образом можно сделать так, чтобы закладки отображались на каждой странице в браузере, то есть во всех вкладках. Для этого просто выберите в контекстном меню последний пункт – «Показывать панель закладок».

Добавление новых веб-приложений

Сервисы Google, доступные в разделе «Приложения», это обычные сайты, точнее, их ярлыки со ссылками для перехода. А потому данный список можно пополнять практически тем же образом, как это делается с закладками, но с несколькими нюансами.

1. Первым делом перейдите на сайт, который планируете превратить в приложение. Лучше, если это будет его главная страница или та, которую вы хотите видеть непосредственно после запуска.
2. Откройте меню Google Chrome, наведите указатель курсора на пункт «Дополнительные инструменты», а затем нажмите «Создать ярлык».
   
   Во всплывающем окне, если это необходимо, измените заданное по умолчанию имя, после чего нажмите «Создать».

Как мы выше уже сказали, созданное таким образом веб-приложение будет открыто в новой вкладке браузера, то есть вместе со всеми остальными сайтами.

Создание ярлыков

Если же вы хотите, чтобы стандартные Сервисы Гугл или те сайты, которые вы самостоятельно добавили в данный раздел веб-обозревателя, открывались в отдельных окнах, необходимо выполнить следующее:

1. Откройте меню «Приложения» и нажмите правой кнопкой мышки по ярлыку того сайта, параметры запуска которого вы хотите изменить.
2. Во контекстном меню выберите пункт «Открывать в новом окне». Дополнительно вы можете «Создать ярлык» на рабочем столе, если ранее таковой отсутствовал.

С этого момента веб-сайт будет открываться в отдельном окне, а из привычных для браузера элементов в нем будет только видоизмененная адресная строка и упрощенное меню. Панель со вкладками, как и закладки, будет отсутствовать.

Точно таким же образом вы можете превратить в приложение любой другой сервис из списка.

Заключение

Если вам часто приходится работать с фирменными сервисами Google или любыми другими сайтами, превращение их в веб-приложения позволит не только обзавестись упрощенным аналогом отдельной программы, но и освободит Google Chrome от лишних вкладок.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Приложения для браузера Google Chrome

Приложения Гугле Хрома — это отдельные программы и веб-сервисы, которыми можно пользоваться непосредственно в этом браузере. Многие из них похожи на десктопные программы, какие пользователи устанавливают на компьютер. Они разнообразны по функциональному предназначению. Вот только некоторые приложения Google, которые можно бесплатно скачать в интернет-магазине:

• для удобной работы: создания графики, обработки и воспроизведения медиаконтента (скрины, аудио, видео);
• для отдыха и развлечений: игры, интерактивные картинки для релаксации, онлайн-радио, виртуальные эмуляторы музыкальных инструментов.

Не стоит путать приложения с расширениями для Google Chrome. Второй тип дополнительных инструментов хоть и имеет определённую схожесть, но всё-таки обладает немного другой функциональной концепцией. Расширения тесно взаимодействуют с интерфейсом, меню браузера, его модулями. А приложения — это обособленные программы и сервисы, как бы прикреплённые к браузеру. В сравнении они похожи на утилиты, встроенные в файловый менеджер Total Commander. Они также размещены в базовой директории (в данном случае папке Хрома) и также запускаются посредством ярлыка, установленного на внешней панели управления.

Из этой статьи вы узнаете, как выбрать, установить, запустить и удалить приложения в Chrome.

Где скачивать

Приложения доступны для скачивания в интернет-магазине Google. Чтобы открыть его, щёлкните в браузере по кнопке «меню». В списке выберите: Дополнительные инструменты → Расширения.

Внизу списка подключенных аддонов клацните по ссылке «Ещё расширения».

Теперь на страничке магазина, в его меню, кликните раздел «Расширения» (чтобы возле пункта появилась точка).

Дополнительно можно воспользоваться фильтром: отсортировать приложения по заданным признакам (по рейтингу, разработчику, особенностям, функциональной категории).

Как выбрать и установить

Ориентируйтесь на блоки подборок. В первом блоке «Рекомендуемые» размещены лучшие приложения (пользующиеся большой популярностью среди пользователей).

Далее идут подборки по определённым критериям (отобранные компанией Google, новые программы, последние обновления и т.д.).

Инсталляция дополнительного ПО выполняется следующим образом:

1. Щёлкните по превью заинтересовавшего вас приложения.

2. В открывшейся панели нажмите кнопку «Установить».

3. Подтвердите инсталляцию в запросе браузера (кнопка «Установить… »).

4. По завершении установки откроется вкладка «Сервисы», на которой будет отображен ярлык проинсталлированного ПО.

5. Щёлкните по ярлыку сервиса мышкой, чтобы его запустить.

6. После клика по ярлыку откроется веб-страничка.

Либо вкладка, отдельное окно с интерфейсом программы (в зависимости от дизайна, концепции модуля).

Какие есть полезные приложения?

Выбор дополнительного ПО к Хрому весьма велик. При выборе первоочерёдно ориентируйтесь на интересующие вас задачи (работа с почтой, графикой, видео и т.д.). Также не забывайте ознакамливаться с описанием программного продукта, его уровнем популярности в обществе пользователей (эти характеристики размещены на страничке для скачивания).

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

Gmail Офлайн

Утилита для работы с почтовым ящиком Gmail в отсутствие Интернета. Она кэширует всю входящую и исходящую корреспонденцию. Поддерживает обслуживающие функции онлайн-версии e-mail. Незаменима на компьютерах с нестабильным сетевым коннектом.

Cacoo

Минималистичный, но весьма практичный графический редактор. Позволяет работать с векторной графикой, загружать картинки, наносить текст, гибко отстраивать параметры шрифта.

Click&Clean App

Утилита-уборщик, аналог популярной программы CCleaner для Windows. В один-два клика мышкой очищает кэш, куки, историю. Предоставляет возможность резервировать данные.

После его установки вам также нужно будет в открывшейся вкладке нажать кнопку «Install» и дополнительно загрузить модуль утилиты.

Фортепиано Мастер Делюкс

Виртуальное пианино. После щелчка по ярлыку открывается в веб-страничке. Может пригодиться не только клавишникам, но и вокалистам (для распевки), гитаристам (для настройки гитары).

SWOOP

Интересная, весёлая, яркая аркадная игра. Предлагает пользователю побыть в роли пилота самолёта-кукурузника.

Запускается в отдельном окне. Выполнена в формате 3D. Не сложна в управлении, доставляет множество положительных эмоций. Цель игры — показать высший пилотаж, выполнить все какие нужно виражи и при этом не разбить самолёт.

Relax.li

Веб-сервис с набором «живых» картинок для релакса. На вкладке браузера разворачивает океанское побережье, извилистый горный ландшафт со звуками природы. Помогает расслабиться, абстрагироваться от проблем.

Конечно же, есть и множество других интересных и полезных приложений. Прогуляйтесь по галерее интернет-магазина и выберите то, что вам нужно. Дополнительные программы для Хрома помогут максимально адаптировать его под ваши задачи.

Создание простого 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, чтобы немного упростить код. Для редактирования мы будем использовать поле

. В настоящем редакторе вместо это будет использоваться более интеллектуальный модуль редактирования. Наиболее распространённые варианты: CodeMirror и Ace.

Для полноты картины приведу CSS:

Основной код: работа с файлами

Так как в нашем примере мы для простоты ограничимся минимальным набором возможностей, то основной код редактора будет посвящён почти исключительно работе с файлами. Для этого используется несколько API, часть из которых уже находится на пути к стандартизации W3C. File API и сопутствующие интерфейсы — большая тема, заслуживающая отдельной статьи. В качестве хорошего введения рекомендую эту статью на html5rocks.com.

Итак, разберём код в js/main.js . Я буду приводить его фрагментами, полный код — на Гитхабе.

Задача функции инициализации — добавить обработчики к кнопкам и получить из background page файл для открытия. Контекст background page получается из основного окна асинхронно с помощью chrome.runtime.getBackgroundPage.

Обработчики нажатий на кнопки:

Текущий FileEntry мы будем хранить в глобальной переменной currentEntry.

Единственная специфичная особенность в приведённом выше коде — это метод chrome.fileSystem.chooseEntry. С помощью этого метода открывается окно выбора файлов (своё на каждой системе). Как и все прочие функции для работы с файловой системой, этот метод асинхронный и получает callback для продолжения работы (в нашем случае функции loadEntry и saveToEntry, описанные ниже).

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

В File API есть два различных объекта, описывающих файл: FileEntry и File. Грубо говоря, FileEntry олицетворяет путь к файлу, а File — данные, в нём содержащиеся. Следовательно, для того, чтобы прочитать файл, необходимо по Entry получить объект File. Это достигается с помощью асинхронного метода entry.file() .

FileReader — отдельный объект, предназначеный для чтения файлов. Он позволяет достаточно гибко управлять процессом чтения, но нам от него в данном случае нужно просто прочесть всё содержимое файла.

Запись файла, как и чтение, не содержит специфичного для Chrome кода:

Прежде чем писать данные, их необходимо привести к виду Blob. Один дополнительный шаг, который понадобится нам при записи — это обрезание файла на случай, если он уже существует и имеет большую длину. Если бы мы были точно уверены, что это новый файл, код записи упростился бы до:

Заключение

На этом код нашего приложения закончен. К сожалению, управление файлами в JavaScript устроено несколько неинтуитивно, и, вероятно, является наиболее сложной частью приложения. Но, как я уже писал выше, эти API не специфичны для Chrome, а реализованы во всех современных браузерах.

На главной странице Google появилась реклама фирменных приложений для iOS и Android

На днях в сети появилась информация о том, что компания Google начала активно продвигать свои мобильные приложения, причём для этого Интернет-гигант использует свою главную страницу. При переходе на сайт Google.com в нижней части страницы появляется небольшой баннер, при нажатии на который пользователи будут автоматически перенаправлены в магазин приложений. Стоит отметить, что реклама приложений присутствует не только в мобильных браузерах. Её могут увидеть и пользователи компьютеров.

Среди рекламируемых приложений можно найти браузер Chrome, Карты Google, Google Фото, Переводчик Google, YouTube и т. д. Однако стоит отметить, что большинство из предлагаемых Google приложений уже есть на Android-устройствах. Поэтому новая реклама, скорее всего, ориентирована на владельцев смартфонов и планшетов на платформе iOS.

Напомним, что на iPhone и iPad нет никаких предустановленных приложений от компании Google. Пользователям нужно самостоятельно устанавливать сторонние браузеры и сервисы.

17 комментариев

а lumia 950 забыл Гугл.

bambucha2014,
Люмия 950 есть у 0,000005%

Гуголь не чурается рекламой приложений для Огрызка

knickerbocker,
гуголь должен быть везде.

Dogii,
Почему в эппстор у гугл приложений низкий рейтинг и негативные коменты?
Нельзя этого исключать, но почему то думаю что виновата не гугл а новая яось, которая всё “лучше” с каждым обновлением. На моих конях гапсы как часы работают, кроме ютуба с его мелкими недостатками.

Бетономешалка,
Во-первых, «материал дизайн» (который лично я считаю совершенно убогим) резко выбивается из визуальной парадигмы iOS, это раздражает. В МД принято использовать шрифты и занимать по 1/3 экрана пустыми заголовками, а мы привыкли к нормальным интерфейсам.
Во-вторых, судить о работе девайсов по словам местных троллей не стоит, даже на моих доисторических аппаратах все отлично. А вот гуглоподелия действительно выделяются. Каким нужно быть криворуким, чтобы написанное тобой приложение подтормаживало при прокрутке?! Б-же, это сложно представить, но ютуб и правда тормозит при скролле. Ни одного подобного приложения не встречал за годы на iOS.

Вряд ли гугель пытается намеренно подпортить жизнь яблоюзерам, скорее всего просто не умеет и не хочет в качество и оптимизацию. В ведромаркете у гуглопрог тоже все неважно с отзывами и рейтингом, особенно у Хрома, того же Ютуба. Куча негативных отзывов. Я на своем аппарате Ютуб не обновляю — мало ли, что за гадость подсунут гуглявые, прецеденты были и не раз. Синхронизацию пришлось отключить, гугельсервисы выжирали 80% батареи в сутки, скоро придется вообще отключать сами гаппсы такими темпами.

lex talionis,
*«жирные шрифты»

lex talionis,
Нормальный этот МД, что ты гонишь. Наоборот все красиво, плавно и везре разные цаета, а не как раньше все в одних тонах (черных)

S_gamer_S,
Сам далеко не поклонник черного траура до 5.0, но там глаз отдыхает после МД. Стиль для малолетних детей, книжка-раскраска какая-то. Минимум инфы на единицу площади, второе место после WP 7/8.
Но речь не об этом. Спор бессмысленный — кому нравится, кому нет. Но приложение дожно соответствовать стилю ОС. В том же маркете раньше часто пападались прямые порты с iOS, без адаптации интерфейса. И минусовали такие программы очень сильно, ссылаясь как раз на чужеродный GUI. То же и с приложениями гугля на яблоке.

Гугол все реклама и реклама и бо

knickerbocker,
у огрызкоОСи в домашнем регионе Гугля — США — доля рынка в течение года плавает от

40 до 50%, такое количество юзеров невозможно игнорировать. А у WP/WM — около 2%. Выводы очевидны.

Вроде уже давно

Странно. Я зашел на сайт google.com с браузера смартфона, но рекламы я там не увидел.

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

Да конечно они своë г рекламируют, потому что когда ты пользуешься другими приложениями, то обходишь их. Посмотрите в плай маркете, сколько разрешений на доступ ко всему вашему, требует г гугл клавиатура?! только вчера отключил еë и заменил на стороннюю простую клаву для хакеров, которая “Приложение не требует дополнительных разрешений”. Мне так приятнее

super.student,
Не знаю чего ты там испугался, но например требование на просмотр контактов – это для быстрого написания имен и фамилий, поиск аккаунт – ищет аккаунт google для синхронизации словаря, да и загрузка файлов и сохранение содержимого тоже к этому относится.

Qentti,
смысл параноику отвечать? еще подумает, что и ты за ним следишь