Компания Google постоянно совершенствует мобильный браузер Google Chrome для Android, внося в него полезные возможности. Многие пользователи не знают о тех или иных функциях, которые сделают серфинг в сети более простым, быстрым и удобным.
Важно : некоторые возможности могут быть недоступны на отдельных смартфонах из-за устаревшего Chrome (рекомендуем обновить его через Google Play) или версии ОС.
1. Упрощенный поиск со страницы
Часто бывает, что в ходе поиска необходимой информации в интернете вы заходите на сайт, где есть именно то, что вам нужно, но в тексте используются непонятные термины или просто есть вещи, с которыми вы ранее не сталкивались. Обычно пользователь открывает новую вкладку, вбивает в строку поиска неизвестное слово, ищет его, затем возвращается к основному материалу. Но этот процесс можно сделать значительно проще и быстрее.
Прямо в тексте выселяем незнакомое слово/фразу, как внизу появляется панель с поиском по Google. Вытягиваем ее повыше, видим поисковую выдачу. Смело идем по ссылке, а по клику на «Назад» возвращаемся на ту страницу, с которой мы и начинали.
2. Принудительное изменение масштаба
Многие сайты не дают воспользоваться функцией приближения. Кто-то делает это сознательно, некоторые ресурсы ограничены собственным движком. Какими бы ни были причины, Chrome позволяет обойти этот запрет. Идем в «Настройки», «Специальные возможности», отмечаем пункт «Принудительно изменять масштаб».
На некоторых сайтах даже с активной настройкой запрет обойти не получится. Яркий пример – мобильная версия «Яндекса».
3. Зуммирование одной рукой
Большинство пользователей, когда хотят увеличить какой-то объект на странице, прикладывают два пальца на экран, а затем разводят их в разные стороны. Так можно делать только при использовании двух рук, причем размер дисплея не играет роли. Но есть и альтернатива, которую в особенности оценят пользователи больших смартфонов.
Для увеличения достаточно сделать одно касание экрана, оторвать палец и быстро вернуть его обратно, а потом водить по экрану вверх-вниз. Вторая рука не нужна! Не забываем и про умную подстройку контента под размер дисплея по двойному касанию – эффективно, когда слева и справа лезут малоинформативные блоки, а текст расположен строго по центру.
Такой способ приближения/отдаления является системным, а значит работающим и в некоторых других программах, например, Google Maps
4. Быстрое переключение между вкладками
Пользователи мобильных браузеров постоянно сталкиваются с теми же проблемами, что и в настольных клиентах – с кучей открытых вкладок. И если на компьютере и планшете отображаются бирки сайтов, на смартфонах приходится использовать кнопку «Вкладки». Но в Chrome можно обойтись и без этого, достаточно провести слева-направо или справа-налево по полю ввода адреса или поискового запроса для переключения на соседние вкладки!
Если вам надо переместиться сильно дальше, чем на одну-две вкладки, то все равно можно не нажимать на отдельную кнопку – просто проведите вниз по поисковой строке, чтобы перейти в меню открытых вкладок. А если провести по одной из вкладок справа-налево, то получится закрыть ее сразу же, но тут уже время не сэкономишь, так как на каждой из них есть небольшой крестик для выполнения того же действия.
5. Закрыть все вкладки
Часто такое бывает, что в порыве веб-серфинга в браузере оказываются открытыми десятки вкладок. Если вы уверены, что там нет ничего важного, их можно закрыть все разом. Для этого переходим любым из удобных способов к списку открытых сайтов, жмем три точки, кликаем по пункту «Закрыть все вкладки».
6. Быстрая навигация по меню
Свайпы в Chrome используются практически повсеместно. Например, не нужно нажимать на три точки, чтобы попасть в меню, достаточно положить на них палец и провести вниз. Хотя на первый взгляд этот жест кажется малополезным, когда вы привыкаете к расположению пунктов в этом меню, получается переключаться на отдельные функции вообще не задумываясь. Так, к примеру, эффективно переходить на «настольную» версию сайта.
7. Полезности меню
Некоторые особенности браузера лежат на поверхности, но мы о них не вспоминаем, когда те становятся нужными. В частности, меню предлагает такие возможности как «Найти на странице» (поиск конкретного текста на просматриваемом сайте), «Недавние вкладки» (последние просмотренные, но уже закрытые сайты) и «Добавить на главный экран» – последняя создает ссылку на выбранную страницу прямо на рабочем столе.
Удобно для случаев, когда вы систематически посещаете один и тот же сайт, по которому надо пройти несколько уровней погружения до цели. Так обычно бывает с курсами валют или погодой (конечно, есть специализированные приложения, но они занимают место в памяти устройства).
8. Экономия трафика
В настройках есть и функция «Экономия трафика», которая сжимает контент перед загрузкой на смартфон. Тем самым сайты загружаются быстрее, а объем затраченного трафика снижается. Обратите внимание, что эта функция не работает с сайтами, адреса которых начинаются с https. При типичном использовании интернета экономия колеблется в пределах 20-40% трафика в зависимости от посещаемых ресурсов.
9. Гуру
Google ведет несколько веток развития браузера Chrome, если вам хочется пробовать свежие возможности раньше других, то стоит перейти на Beta-версию . Хотя эта ветка работает стабильно, не забывайте, что Google не гарантирует такое же качество работы, как и в случае массовой версией браузера.
Вне зависимости от выбранной версии, пользователь может получить доступ к некоторым возможностям, которые отключены по умолчанию. Для этого в поисковой строке вводим:
Открывается страница с длинным перечнем экспериментальных возможностей, если вы выбрали Chrome Beta, то в этом списке переключателей будет больше. Следует учитывать, что тут некоторые функции работают совсем плохо, а потому после их активации сразу проверьте работоспособность в нескольких местах, чтобы браузер не «упал» в самый неподходящий момент позже.
Большинство возможностей будут неинтересны массовому потребителю, зато можно по-настоящему детально скорректировать свой пользовательский опыт (в том числе поотключать некоторые функции, например, автообновление страницы).
10. Сохранить страницу
Google Chrome позволяет сохранить страницу в виде PDF-документа на смартфон, что позволит не только получить доступ к контенту без подключения к интернету, но и зафиксировать текущее состояние страницы (мало ли, зачем это вам может пригодиться). Для этого с меню выберите «Печать», а потом кликните «Сохранить как PDF». Готово.
Бонус
Еще одной фишкой Chrome является встроенный файловый менеджер. Чтобы получить к нему доступ, введите в адресной строке:
Менеджер нельзя назвать сверхудобным или крайне функциональным, но его наличие, опять-таки, позволит большинству пользователей не устанавливать отдельную программу для удовлетворения базовых потребностей. Вспомните 7-й пункт, этот файловый менеджер тоже можно вынести на рабочий стол!
Конечно, в Сhrome есть и такие возможности, как синхронизация вкладок с другими устройствами, где используется этот браузер, режим «Инкогнито» и другие. Считаете, что мы несправедливо обделили вниманием какую-то функцию? Напишите о ней в комментариях!
Для тестирования приложения, которое вы разрабатываете, необходимо будет добавить его в свой браузер. Для этого на странице chrome://extensions нужно отметить чекбокс «Режим разработчика» («Developer mode»). После этого станет возможным добавить ваше расширение или приложение.manifest.json
Код любого приложения для Chrome, как и любого расширения, начинается с файла manifest.json . В нём описывается вся мета-информация приложения. Приведу целиком манифест редактора :{ "name": "Simple Text", "description": "An extremely simple text editor (sample Chrome app)", "version": "0.1", "icons": { "48": "icon/48.png", "128": "icon/128.png" }, "manifest_version": 2, "minimum_chrome_version": "31.0", "offline_enabled": true, "app": { "background": { "scripts": ["js/background.js"] } }, "permissions": [ {"fileSystem": ["write"]} ], "file_handlers": { "text": { "title": "Simple Text", "types": ["application/javascript", "application/json", "application/xml", "text/*"], "extensions": ["c", "cc", "cpp", "css", "h", "hs", "html", "js", "json", "md", "py", "textile", "txt", "xml", "yaml"] } } }
Разберём поля, которые тут встретились. С названием и описанием всё ясно. Версия является обязательным полем - Chrome Web Store будет требовать, чтобы она менялась, когда вы загружаете обновление вашего приложения.
Var entryToLoad = null; function init(launchData) { var fileEntry = null if (launchData && launchData["items"] && launchData["items"].length > 0) { entryToLoad = launchData["items"]["entry"] } var options = { frame: "chrome", minWidth: 400, minHeight: 400, width: 700, height: 700 }; chrome.app.window.create("index.html", options); } chrome.app.runtime.onLaunched.addListener(init);
Background page работает в фоновом режиме независимо от окон приложения. Большую часть времени он не загружен в память. При запуске системы его код исполняется и может установить обработчики тех или иных событий, самое распространённое из которых - onLaunched. Когда обработчики установлены, background page, как правило, выгружается из памяти и запускается обратно только если произошло одно из событий, на которые он подписан.
Когда пользователь кликает на иконку приложения, или открывает в нём какой-то файл, в background page запускается событие onLaunched . В него передаются параметры вызова, в частности, файл(ы), которые приложение должно открыть. Код entryToLoad = launchData["items"]["entry"] сохраняет переданный в приложение файл в локальной переменной, откуда его потом возьмёт код редактора. Событие onLaunched может прийти и тогда, когда приложение уже открыто. В этом случае код в background page может сам решить, открывать ли новое окно, или совершить какие-то действия в уже открытом окне.
Для полноты картины приведу CSS:
Body { margin: 0; } header { background-color: #CCC; border-bottom: 1px solid #777; -webkit-box-align: center; -webkit-box-orient: horizontal; -webkit-box-pack: left; display: -webkit-box; height: 48px; padding: 0px 12px 0px 12px; } button { margin: 8px; } textarea { border: none; -webkit-box-sizing: border-box; font-family: monospace; padding: 4px; position: absolute; top: 48px; bottom: 0px; left: 0px; right: 0px; width: 100%; } textarea:focus { outline: none !important; }
Основной код: работа с файлами
Так как в нашем примере мы для простоты ограничимся минимальным набором возможностей, то основной код редактора будет посвящён почти исключительно работе с файлами. Для этого используется несколько API, часть из которых уже находится на пути к стандартизации W3C. File API и сопутствующие интерфейсы - большая тема, заслуживающая отдельной статьи. В качестве хорошего введения рекомендую .Итак, разберём код в js/main.js . Я буду приводить его фрагментами, полный код - на Гитхабе .
Function init(entry) { $("#open").click(open); $("#save").click(save); $("#saveas").click(saveAs); chrome.runtime.getBackgroundPage(function(bg) { if (bg.entryToLoad) loadEntry(bg.entryToLoad); }); } $(document).ready(init);
Задача функции инициализации - добавить обработчики к кнопкам и получить из background page файл для открытия. Контекст background page получается из основного окна асинхронно с помощью chrome.runtime.getBackgroundPage .
Обработчики нажатий на кнопки:
Var currentEntry = null; function open() { chrome.fileSystem.chooseEntry({"type": "openWritableFile"}, loadEntry); } function save() { if (currentEntry) { saveToEntry(currentEntry); } else { saveAs(); } } function saveAs() { chrome.fileSystem.chooseEntry({"type": "saveFile"}, saveToEntry); }
Текущий FileEntry мы будем хранить в глобальной переменной currentEntry.
Единственная специфичная особенность в приведённом выше коде - это метод chrome.fileSystem.chooseEntry . С помощью этого метода открывается окно выбора файлов (своё на каждой системе). Как и все прочие функции для работы с файловой системой, этот метод асинхронный и получает callback для продолжения работы (в нашем случае функции loadEntry и saveToEntry, описанные ниже).
Чтение файла:
Function setTitle() { chrome.fileSystem.getDisplayPath(currentEntry, function(path) { document.title = path + " - Simple Text"; }); } function loadEntry(entry) { currentEntry = entry; setTitle(); entry.file(readFile); } function readFile(file) { var reader = new FileReader(); reader.onloadend = function(e) { $("textarea").val(this.result); }; reader.readAsText(file); }
В функции setTitle() мы меняем заголовок окна, чтобы показать путь к текущему файлу. То, как будет отображаться этот заголовок, зависит от системы. На Chrome OS он вообще не показывается. chrome.fileSystem.getDisplayPath - наиболее корректный способ получить путь файлу, подходящий, чтобы показывать его пользователю. Другое представление пути доступно через entry.fullPath .
В File API есть два различных объекта, описывающих файл: FileEntry и File. Грубо говоря, FileEntry олицетворяет путь к файлу, а File - данные, в нём содержащиеся. Следовательно, для того, чтобы прочитать файл, необходимо по Entry получить объект File. Это достигается с помощью асинхронного метода entry.file() .
Код этого примера сделан максимально коротким, чтобы уместить его в формат статьи. Если вы хотите посмотреть на более развёрнутые примеры того, как используются те или иные возможности Chrome API, на Гитхабе опубликован большой набор примеров Chrome apps . Официальная документация по всем программным интерфейсам - на developer.chrome.com . Основное место, где можно получить ответы на конкретные вопросы по программированию Chrome-приложений - .
Это случается с каждым. Вы открываете длинную страницу и начинаете читать, не дожидаясь её окончательной загрузки. В это время наконец-то подгружаются и встраиваются в страницу картинки, в результате чего вы теряете то место, на котором остановились.
Чтобы этого больше не происходило, откройте страницу служебных настроек мобильного Chrome, находящуюся по адресу chrome://flags . Далее нужно найти опцию «Регулировка прокрутки» и установить её в положение «Включено».
2. Экономия трафика
Браузер Chrome имеет полезнейшую функцию экономии мобильного трафика, которой почему-то мало кто пользуется. Она позволяет значительно снизить расходы за счёт компрессии данных. Внешний вид веб-страницы практически не меняется, зато её вес становится меньше в несколько раз.
Активировать сжатие трафика можно прямо в настройках программы. Не забывайте также периодически заглядывать сюда, чтобы ознакомиться с результатами работы этой функции.
3. Открытие десктопных вкладок на мобильном
Если вы используете браузер Chrome на всех своих устройствах, то, вероятно, знаете, что данные между ними синхронизируются. Поэтому вовсе не обязательно сохранять страницу в закладках, если вы начали её чтение за компьютером и вам вдруг понадобилось куда-либо отлучиться. Можно просто открыть по дороге в мобильном браузере раздел «Недавние вкладки», где вы найдёте ссылки на все страницы, просмотренные вами за последнее время, независимо от используемого компьютера.
4. Сохранение страниц для чтения в офлайне
Существует много программ для отложенного чтения, но далеко не всегда в них есть потребность, ведь Chrome сам умеет сохранять страницы для чтения без подключения к Сети. По умолчанию данная функция отключена, но это можно легко исправить.
Включить эту функцию можно на странице экспериментальных настроек Google Chrome. Введите в адресную строку chrome://flags , а затем найдите и активируйте параметр chrome://flags/#offline-bookmarks .
5. Использование подсказок на странице
Если при чтении статьи вам встретился какой-то термин, значение которого необходимо уточнить, то не спешите сразу обращаться к поисковым системам. Можно выделить нужное слово, а затем в контекстном меню выбрать пункт «Показывать подсказки». После этого снизу появится панель с кнопками, позволяющими отправить запрос сразу в нужное приложение или сервис.
А какие функции мобильной версии Google Chrome нравятся больше всего вам?
Это случается с каждым. Вы открываете длинную страницу и начинаете читать, не дожидаясь её окончательной загрузки. В это время наконец-то подгружаются и встраиваются в страницу картинки, в результате чего вы теряете то место, на котором остановились.
Чтобы этого больше не происходило, откройте страницу служебных настроек мобильного Chrome, находящуюся по адресу chrome://flags . Далее нужно найти опцию «Регулировка прокрутки» и установить её в положение «Включено».
2. Экономия трафика
Браузер Chrome имеет полезнейшую функцию экономии мобильного трафика, которой почему-то мало кто пользуется. Она позволяет значительно снизить расходы за счёт компрессии данных. Внешний вид веб-страницы практически не меняется, зато её вес становится меньше в несколько раз.
Активировать сжатие трафика можно прямо в настройках программы. Не забывайте также периодически заглядывать сюда, чтобы ознакомиться с результатами работы этой функции.
3. Открытие десктопных вкладок на мобильном
Если вы используете браузер Chrome на всех своих устройствах, то, вероятно, знаете, что данные между ними синхронизируются. Поэтому вовсе не обязательно сохранять страницу в закладках, если вы начали её чтение за компьютером и вам вдруг понадобилось куда-либо отлучиться. Можно просто открыть по дороге в мобильном браузере раздел «Недавние вкладки», где вы найдёте ссылки на все страницы, просмотренные вами за последнее время, независимо от используемого компьютера.
4. Сохранение страниц для чтения в офлайне
Существует много программ для отложенного чтения, но далеко не всегда в них есть потребность, ведь Chrome сам умеет сохранять страницы для чтения без подключения к Сети. По умолчанию данная функция отключена, но это можно легко исправить.
Включить эту функцию можно на странице экспериментальных настроек Google Chrome. Введите в адресную строку chrome://flags , а затем найдите и активируйте параметр chrome://flags/#offline-bookmarks .
5. Использование подсказок на странице
Если при чтении статьи вам встретился какой-то термин, значение которого необходимо уточнить, то не спешите сразу обращаться к поисковым системам. Можно выделить нужное слово, а затем в контекстном меню выбрать пункт «Показывать подсказки». После этого снизу появится панель с кнопками, позволяющими отправить запрос сразу в нужное приложение или сервис.
А какие функции мобильной версии Google Chrome нравятся больше всего вам?
Юзеры, использующие Google Chrome в качестве браузера по умолчанию, наверняка имеют представление о магазине приложений. Те, кому приходилось с ними работать, знают, приложения – это лишь ссылки на интернет-страницы соответствующих онлайн-сервисов. Они располагаются на отдельной панели браузера по адресу: «chrome://apps» (пример смотрите на скриншоте).
Приложения Google Chrome
В последнее время компания выпускает приложения Chrome для компьютера, разработанные на языках программирования JavaScript и HTML5. Они запускаются в отдельных от браузера процессах и не требуют сетевого соединения, хоть и используют для своей работы движок Chrome.
Новые приложения Google Chrome
Приложение для браузера Хром – это самостоятельная программа, написанная на языках программирования (в порядке популярности):
- JavaScript – используется для написания скриптов для браузеров;
- HTML – язык гипертекстовой разметки страниц в сети;
- Native Client – позволяет запускать приложения в различных браузерах, независимо от ОС;
- Emscripten – компилятор С++, выдающий код JavaScript на выходе.
Порой используются и другие менее популярные движки для разработки веб-приложений, но без применения технологии Flash от Adobe. По окончанию компилирования исходный код программы сжимается, после чего способен работать автономно на без интернета, Магазин приложений предлагает инсталлировать Google Keep на ПК, графические редакторы Sketchpad или Pixlr, блокнот Writer или отечественную игру Cut the Rope, и запускать их как классические программы через панель запуска приложений. Она, кстати, не является достоянием Windows, и функционирует также на Linux и MacOS.
Chrome – платформа для запуска приложений
Учтите, что при использовании приложений, интернет магазин google chrome установит панель для запуска программ в автоматическом режиме, не спрашивая и не уведомляя пользователя о совершении действий.
Рис 1. Панель с приложениямиПо завершении инсталляции в панели задач создается ярлык, запускающий панель запуска, где отображается список используемых на компьютере приложений для Хром. Через нее программы запускаются или удаляются, не требуя функционирования интернет-обозревателя. Старые приложения, которые рекомендуется заменить на обновленные, обозначаются стрелочкой, как ярлыки (по сути, ими и являются – ведут на соответствующие сайты).
Панель запуска приложений chrome при наличии активного интернет-соединения выполняет синхронизацию закладок, истории навигации, сохраненных паролей и т. д. Если случайно удалили приложение настройки google chrome, перейдите по ссылке https://chrome.google.com/webstore/launcher и загрузите его.
Примеры приложений Chrome для компьютера
В google chrome store представлено немало программ для ПК, среди которых многофункциональные графические и текстовые редакторы, конвертеры величин, утилиты для заметок, множество игр, клиенты для социальных сетей и прочих сервисов. Программы для гугл хром являются полноценными и с легкостью заменят ваши ежедневные приложения, тем более что работают они офлайн. Использование программ от Google обладает несколькими преимуществами:
- доступ к сервисам возможен всегда:
- синхронизация с браузером на всех устройствах после авторизации;
- не вызывают критических ошибок в работе Windows.
TechSmith Snagit
Рис 2. Графический редактор TechSmith Snagit
В итоге получаем графический редактор, не способный самостоятельно создавать скриншоты и функционировать без интернета (для работы делающего снимки экрана плагина нужно соединение с сетью).
Зайдя в магазин Google многие обращали внимание на приложение для Google Chrome под названием Pocket – клиент одноименного сервиса. Он предназначен для хранения интересных пользователю статей, которые тот планирует прочитать позже. Программа отображает список сохраненных статей в виде эскизов и позволяет выполнять поиск необходимых публикаций по их заголовку. В процессе сохранения интернет-страницы очищаются от рекламы.
Дополнительно Pocket позволяет сохранять публикации в архив или делиться с интереснейшими из них с друзьями в социальных сетях или отправлять по электронной почте.