Chrome Extensions — самые полезные расширения

Мне всегда хотелось рассказывать людям об интересных возможностях (технологиях), которые сейчас могут быть доступны каждому, но почему-то не доступны каждому. Да, получилось тавтология, но она в полной мере отображает моё внутреннее негодование на эту животрепещущую для меня тему. Как бы там ни было, речь сейчас будет не о том, как говорится. А поговорим мы сегодня о создании расширений для браузера Google Chrome (далее Хром).

Расширение, которое мы будем разрабатывать на протяжении всей статьи можно найти в магазине Google Chrome Web Store, с той лишь разницей, что там присутствует расширенный функционал. Помимо этого, присутствует исходный код на GitHub, опять таки с оговоркой на то, что там всё написано на CoffeeScript, а здесь будет вестись повествование с JavaScript. Кстати, я не поклонник и не сторонник CoffeeScript, но штука довольно интересная и полезная — советую попробовать.

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

Постановка задачи

Написание расширения начинается с его описания и постановки задач, которое оно будет решать. Так как я сам себе хозяин и дедлайны срывать мне можно столько раз, сколько хочется, то ТЗ мне писать не нужно — достаточно уяснить, что:

  • Расширение должно скрывать все комментарии в социальной сети «VK»;
  • Расширение должно иметь возможность отображать комментарии;
  • Расширение должно иметь возможность отображать комментарии на конкретных страницах;

С первого взгляда всё просто и нам по силам. Однако, в рамках статьи мы реализуем лишь первые два пункта.

Предвижу вопросы, содержание которых может быть примерно таким: «Нафига скрывать комментарии, если в этом вся суть социальной сети?!». Что же, справедливый вопрос, заслуживающий развёрнутого ответа:

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

Каркас расширения

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

Первым делом нужно заполнить три обязательных поля:

{   "manifest_version": 2, // Начиная с Chrome 18 ставим 2, иначе 1 (не поддерживается такое старьё)   "name": "My Extension", // Название расширения   "version": "versionString" // Версия расширения } 

Если с названием всё понятно, а с версией манифеста всё ещё проще, то поподробнее нужно остановиться с версией расширения.

Итак, все мы привыкли, что версия чего-либо состоит из трёх чисел, разделённых точками — Мажорное.Минорное.Патч (Имеется в виду число). С npm, bower и прочими прелестями разговор короткий: либо так, либо никак. А вот Google предлагает следующие варианты:

"version": "1" "version": "1.0" "version": "2.10.2" "version": "3.1.2.4567" 

Тем не менее, я сторонник семантического версионирования и советую вам так же придерживаться этой идеи, но не настаиваю.

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

"default_locale": "en", // Язык по умолчанию "description": "A plain text description", // Описание приложения "icons": {...}, // Иконки 16 & 48 & 128, дополнительно можно 32 & 64 & 96 & 256 и т.д.  "short_name": "Short Name", // Короткое название расширения (~12 символов) для тех мест, где мало места для вывода полного названия 

Просто так от Хрома ничего не получить — нужны разрешения. Что же, прочим их:

"permissions": [   "tabs", // Доступ к объекту Tabs   "activeTab" // Доступ к объекту ActiveTabs ], 

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

Помимо прочего, нужно указать, что наше приложение хочет иметь иконку справа вверху:

"browser_action": {   "default_title": "Default Title", // Заголовок, который отображается при наведении   "default_icon": "icon48.png", // Иконка для отображения   "default_popup": "popup.html" // страница (окно), которая будет отображаться при клике на иконку }, 

Если приложение имеет страницу настроек, то её тоже следует указать:

"options_page": "options.html", 

Также можно перманентно вешать на различные страницы какие-то ресурсы (css или js), в зависимости от адреса:

"content_scripts": [     {       "matches": [         "http://site.com/*",         "https://site.com/*"        ],       "css": [ "styles/styles.css" ]     } ], 

И, напоследок, скажу, что можно указать фоновую страницу:

"background": {   "page": "background.html",   "scripts": ["scripts.js"],   "persistent": false }, 

Фоновая страница — это невидимая страница, которая нужна для того, чтобы объединять все вкладки. Ссылки на ресурсы можно указывать как в файле манифеста, так и на самой странице background.html.

Расширению часто требуется общий для всех вкладок скрипт, который обеспечивает их взаимодействие, хранит состояние. В конце концов, объединяет в одном месте весь используемый код, вместо того чтобы загружать его для каждой вкладки индивидуально.

Фоновая страница – это невидимая страница, которая как раз и содержит такой скрипт. Их бывает два типа: persistent (постоянные) и event (управляемые событиями). Persistent, как можно догадаться, загружена постоянно, а event-страница загружается только при необходимости, когда возникает связанное с ней событие.

— Alexandr Kozlov

Обязательно прочитайте статьи Александра в его блоге.

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

В нашем случае, файл манифеста будет выглядеть следующим образом:

{   "manifest_version": 2,    "name": "__MSG_app_name__",   "short_name": "VKCommentBlocker",   "description": "__MSG_app_description__",   "version": "0.1.0",    "default_locale": "ru",    "permissions": [ "activeTab" ],    "browser_action": {     "default_icon": "icon_16.png",     "default_title": "__MSG_browser_action__"   },    "icons": {     "16": "icon_16.png",     "48": "icon_48.png",     "128": "icon_128.png"   },    "background": {     "persistent": false,     "page": "background.html"   },    "content_scripts": [     {       "matches": [         "http://vk.com/*",         "https://vk.com/*"        ],       "css": [ "styles/commentblocker.css" ]     }   ],    "web_accessible_resources": [ "styles/commentblocker_on.css" ] } 

Из того, что ранее не рассматривалось

  • __MSG_key__ — это вариация Chrome на тему интернационализации приложений (i18n). Можно применять как в файле манифеста, так и в других файлах (даже CSS).
  • web_accessible_resources — массив путей ресурсов, которые будут впоследствии использоваться в контексте веб-страниц. Без указания в нём пути — ничего не получится использовать на страницах сайтов, если такое поведение предполагается.

Ресурсы расширения

Огромный плюс в карму Chrome — мы уже сейчас можем подключить расширение, конечно, если созданы все ресурсы, указанные в manifest.json.

Не думаю, что стоит заострять внимание на том, что содержится в файле commentblocker.css и commentblocker_on.css. Приведу лишь первый, в котором указаны все селекторы, в которых заключены комментарии:

@charset "utf-8";  .wall_module .reply_link_wrap .reply_link {   visibility: hidden !important; }  .wall_module .replies_wrap, #wl_replies_wrap, #wl_reply_form_wrap, #mv_comments_wrap, #mv_your_comment, #pv_comments, #pv_comments_header, #pv_your_comment {   display: none !important;   visibility: hidden !important; }  body:after {   position: fixed;   content: "__MSG_mode_enable__";   top: 5px;   right: 5px;   padding: 6px 12px;   background-color: #ffc;   border: 1px solid #ddd;   z-index: 9999; } 

В файле commentblocker_on.css, как не трудно догадаться, всё наоборот. Обратите внимание, что прямо в CSS я использую строку с языковом ключом content: "__MSG_mode_enable__". Самое время создать такой файл, где эти ключи будут храниться.

В корне нашего расширения создаём директорию _locales и вложенные в неё директории en и ru. Далее в файле messages.json описываем наши ключи.

{   "app_name": {     "message": "VK Comment Blocker"   },   "app_description": {     "message": "Удобный способ скрыть комментарии в новостной ленте и группах."   },   "browser_action": {     "message": "Переключить вид комментариев"   },   "mode_enable": {     "message": "Без комментариев!"   },   "mode_disable": {     "message": "С комментариями!"   } } 

Помимо поля message есть и другие поля, о которых можно узнать из документации.

Теперь создаём файлы background.html, для начала так:

<!doctype html>         Background         

Тут всё так, как в обычном HTML — ничего необычного. Кстати, файл background.html можно не создавать, так как он генерируется автоматически, на основе полей в manifest.json.

Запускаем расширение

Запустить расширение можно, не написав ни одной строчки JavaScript. Чтобы сделать это, нужно пройтись по меню:

  • Настройка и управление Google Chrome (Гамбургер)
  • Дополнительные инструменты
  • Расширения
  • Поставить галочку напротив «режим разработчика»
  • Загрузить распакованное расширение
  • Выбрать папку с расширением

Расширение загрузилось и показалось в меню. Да, да, это вот это вот «В».

Казалось бы, у только что созданного нами расширения ничего нет в голове (нет никакой логики), а все комментарии на страницах социальной сети на букву «В» теперь скрыты. Ответ кроется в manifest.json, где в поле "content_scripts": {} мы указали на каких страницах (http://vk.com/* и https://vk.com/*) будет автоматически подключаться файл commentblocker.css, который и скрывает все комментарии. Советую подробнее почитать про mathes patterns. Он лишь с виду так прост, а под капотом чуть ли не сивый мерин, да с прибамбасами.

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

Оживляем расширение

Осталось выполнить второй пункт задачи, а именно реализовать возможность отображения комментариев. Вкратце, нам нужно запихнуть файл commentblocker_on.css, который отменит правила файла commentblocker.css. И тут к нам на помощь спешит наш всемогущий JavaScript.

Помните, что я говорил про background.html? Да, да, про то, что его можно не создавать. Давайте слегка изменим manifest.json:

... "background": {   "persistent": false,   "scripts": [ "scripts/commentblocker.js" ] }, ... 

Просто подключили JavaScript файл. Ничего особенного. Переходим к этому файлу.

Просто так запихнуть JS на страницу нельзя. И такая же проблема имеется не только со скриптами. Поэтому нам нужно воспользоваться специальной инъекцией executeScript.

Сначала нужно добавить обработчик события клика на иконку расширения:

chrome.browserAction.onClicked.addListener(function(tab) {   chrome.tabs.executeScript(tab.id, {     code: "(" + toggleComments.toString() + ")();"   }); }); 

Где toggleComments — это функция, которая и будет производить инъекцию нашего CSS файла на страницу:

var toggleComments = function() {   var extensionLink;    (document.getElementById("extension") == null) ?     (       extensionLink = document.createElement("link"),       extensionLink.href = chrome.extension.getURL("/styles/commentblocker_on.css"),       extensionLink.id = "extension",       extensionLink.type = "text/css",       extensionLink.rel = "stylesheet",       document.getElementsByTagName("head")[0].appendChild(extensionLink)     )   : (document.getElementsByTagName("head")[0].removeChild(document.getElementById("extension"))) }; 

Думаю, что слов о том, что этот кусок кода проверяет наличие подключения нашего CSS на странице и делает выводы о необходимости его подключения или отключения, будет достаточно.

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

  • onCreated — создание вкладки.
  • onUpdated — обновление вкладки.
  • onRemoved — закрытие вкладки.

Стоит заметить, что событие onUpdated вызывается дважды:

  • Обновление страницы;
  • Полная загрузка страницы;

На StackOverflow советуют проверять статус страницы:

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {   if (changeInfo && changeInfo.status === 'complete') {     ...   } }); 

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

Выводы

Как нельзя кстати, стоит упомянуть мою полную версию расширения VK Comment Blocker, которая доступна в Chrome Web Store. Помимо этого, так же доступен полный исходный код на GitHub.

Как можно заметить, разрабатывать расширения для Chrome очень просто. Можно обладать довольно скудными знаниями в этой области, но в тоже время сделать что-то своё. Разумеется, что это лишь песчинка в океане того, что можно сделать сейчас в браузере и, возможно, сделаете вы, если начнете копать глубже, чем рассказано в этой статье.

Ссылки

А как же без дополнительного материала? Думали, что я вот так просто вас отпущу?

  • Целый блог, посвящённый разработке расширений для Chrome.
  • Создание расширения для Chrome за пару часов.
  • Chrome Extensions Box. Стартовый набор для создания расширений Google Chrome.
  • Создание простого Chrome приложения.
  • Создание своих собственных расширений для браузера.
  • Делаем расширение для Google Chrome.
  • Пишем расширение под Google Chrome.

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

Ответ очень прост:

Мои статьи не должны давать тебе полные знания от и до, иначе какой смысл в том, что ты прочитал? Ты не захочешь узнать больше, если я дам тебе ответы на все твои вопросы в этой статье. А если я тебя обману или дам плохой совет, который ты примешь как должное? Шучу.

На самом деле, я не люблю углубляться в своих статьях из-за того, что их попросту будет не интересно читать. Моё дело показать, что можно сделать используя ту, или иную технологию, как это просто сделать и какие вообще есть причины рассматривать или изучать то, о чём шла речь в статье. Конечно, есть темы, которые мне очень интересны и я рассказываю о них намного больше, чем просто «обзорно».

Расширения для Хром

Порой после прослушивания композиции или просмотра видео очень хочется скачать его на компьютер.

По привычке ищем кнопку , после ждем несколько секунд и наслаждаемся.

Но что делать в случае, если эта кнопка отсутствует?

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

Тут появляется еще один вопрос – какое расширение для скачивания в Google Chrome лучше всего выбрать?

В представленной статье мы решили рассказать о самых популярных расширениях для браузера, с помощью которых проблема загрузки видео или музыки с любого сайта будет навсегда решена.

Что такое расширение

Расширение – это специальное дополнение для браузера. Его особенность — не нужно загружать отдельную программу.

В этом случае загрузка происходит из официального Маркета Google, доступного в соответствующем меню интернет-обозревателя.

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

В одних случаях появляется специальная иконка на панели инструментов, в других кнопки для загрузки всплывают возле мультимедийных файлов, доступных на странице.

Последний вариант расширений часто пишется специально для одного сайта.

Например, для социальной сети ВКонтакте.

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

VK Saver

Плагин VK Saver был разработан специально для загрузки аудио и видео из социальной сети ВКонтакте.

Разработчики предлагают воспользоваться одним из двух вариантов загрузки на свой компьютер.

Первый – скачивание отдельного приложения с официального сайта создателей.

Вторым вариантом является переход в раздел с дополнениями, доступный в вашем браузере, поиск VK Saver и установка на ПК.

По мнению некоторых пользователей, более удобным является расширение для скачивания вконтакте chrome.

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

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

Пролистайте страницу до самого низа, чтобы увидеть иконку .

Найти ее можно там, где указано на скриншоте ниже.

На следующем этапе ищем название дополнения, введя его в соответствующую строку. После завершения поиска нажимаем на опцию «Установить».

Для полноценной работы дополнения в браузере необходимо будет перезагрузить его.

Если инсталлирование пройдено успешно, перейдите в социальную сеть, выберите раздел с музыкой или видео.

Перед вами должна появиться новая иконка в виде стрелочки.

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

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

Читайте также:  Как исправить ошибку connectionfailure в браузере – подробная инструкция

Расположение иконки иногда зависит от разрешения экрана вашего ПК или ноутбука.

VkOpt

VkOpt — универсальное дополнение, адаптированное под выполнение сразу нескольких функций.

Естественно, основной задачей является работа с медиаконтентом.

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

Функциональный набор VkOpt также включает возможность подключения к собственному профилю на портале last.fm.

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

VkOpt параллельно показывает названия песен и их перечень, если выбранная композиция относится к какому-либо альбому или сборнику.

Дополнительно расширение VkOpt позволяет изменить интерфейс страницы ВКонтакте.

Вы можете поменять расположение местами, либо усовершенствовать внешний вид элементов.

В общей сложности, VkOpt – это несомненно полезное и удобное дополнение для вашего браузера, посредством которого можно загрузить видео и аудио, заблокировать рекламу, а также сделать просмотр своей страницы комфортным.

MusicSig

MusicSig является своеобразной альтернативой VkOpt. Тем не менее, это не мешает ему сохранять популярность во внутреннем магазине Хрома.

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

В любой момент можно проверить параметры качества и размера музыкальных композиций.

С одной стороны, MusicSig не поддерживает возможность синхронизации с Last.fm, как в случае с Оптом, формируя тем самым музыкальные рекомендации.

Взамен утилита может порадовать большим количеством дополнительных плюсов.

Например, вы сможете загрузить на свое устройство не отдельные композиции, а весь плейлист с композициями.

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

С браузером Сhrome расширение для скачивания работает хорошо.

Посредством MusicSig пользователь имеет возможность настроить интерфейс социальной сети на свое усмотрение.

К примеру, появляется виджет календаря и часов на левую часть страницы. Здесь также появляется возможность получения быстрого доступа к разделам ВКонтакте, пользуясь новым навигационным меню.

В интерфейсе ВКонтакте многим не нравятся всплывающие уведомления о том, что страница не заполнена полностью.

С MusicSig это не проблема, потому что отдельная функция блокирует все всплывающие подсказки.

MusVK

Это неплохое расширение Chrome для скачивания музыки, которое по достоинству оценят любители минимализма.

А все потому, что программа заточена под выполнение единственной функции – скачивания музыкальных файлов.

Согласно отзывам, MusVK хорошо подходит для тех, кому не хочется тратить дополнительное время на настройку и использование ненужных опций.

Для повышения удобства скачивания отображается качество и размер аудиофайлов. Читайте также:  Как исправить ошибку connectionfailure в браузере – подробная инструкция

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

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

С другой стороны, автор не стал наглеть, предложив пользователям возможность отключения этой функции.

Специально для этого надо щелкнуть кнопкой мыши по ярлыку MusVK, далее перейти в параметры и удалить отметку возле опции «Запретить просмотр невидимой рекламы».

RealDownloader

Утилита доступна для загрузки на официальном сайте.

Отличительной особенностью RealDownloader является простота интерфейса и удобство использования.

В процессе установки он автоматически синхронизируется с браузером.

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

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

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

Здесь появится новая иконка под названием RealDownloader. Это значит, что установка пройдена успешно, и теперь можно перейти к загрузкам.

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

К примеру, при использовании RealDownloader для загрузки видео из YouTube надо навести курсов в верхний правый угол дисплея, выбрав иконку .

Далее дождитесь завершения загрузки.

Утилита VideoCacheView характеризуется совместимостью не только с Хромом, но и рядом других популярных браузеров.

Работа ведется по типичному для программистов принципу.

Загрузить видео или аудио вы можете и самостоятельно, но для этого придется рыться в исходном коде страницы, на что уходит огромное количество времени.

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

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

Далее выбранные элементы будут скопированы в заданную пользователем папку.

VideoCacheView популярен во многом благодаря поддержке всех самых популярных ресурсов.

На функционирование требуется минимальный объем оперативной памяти. Соответственно, работа персонального компьютера всегда будет стабильно хорошей.

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

В таком случае действие программы VideoCacheView будет распространяться на все браузеры, сохраненные в операционной системе, что очень удобно.

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

Возле них всегда будет появляться специальная иконка. Она позволит вам загрузить файл в нужную папку.

Отличительной особенностью является возможность выбора оптимального размера, качества и расширения. Это удобно и для тех, кто планирует потом использовать этот же файл на мобильных устройствах – планшетах, смартфонах и так далее. Читайте также:  Как исправить ошибку connectionfailure в браузере – подробная инструкция

Аналогичный способ актуален и для файлов, опубликованных в социальных сетях ВКонтакте, Одноклассники и так далее.

В некоторых случаях могут появляться небольшие задержки в процессе закачки.

Но разработчики стараются свести их появление к минимуму. Для этого выпускаются соответствующие обновления.

Дополнение Freemake Video Downloader представлено в двух вариантах – отдельной программы и расширения для браузера.

Какой именно выбрать вариант для себя – вопрос предпочтений. Характеризуется максимально простым принципом работы.

С помощью плагина Freemake Video Downloader можно скачать видео и фото из более десяти тысяч популярных сайтов.

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

Для загрузки надо перейти на любимый сайт, потом скопировать ссылку на видеофайл, который надо сохранить на персональном компьютере.

Далее переходим в раздел .

Программа Freemake Video Downloader предоставит пользователю выбор в пользу оптимального качества видеозаписи.

Последний шаг – переход к загрузке с помощью соответствующей кнопки .

Если вам необходимо загрузить видео из популярного хостинга YouTube, неплохим вариантом станет расширение YouTube Video Downloader.

Оно написано специально для Google Chrome.

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

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

После этого откройте список всех расширений в Google Chrome, установите программу туда путем ее перетаскивания на страницу интернет-браузера.

Чтобы использовать YouTube Video Downloader для загрузки видеофайлов, надо пролистать страничку с контентом немного вниз.

Здесь будет располагаться кнопка .

Каждый раз пользователю надо самостоятельно выбирать оптимальное разрешение и тип файла.

Это очень удобно, потому что пользователь сможет сэкономить внутреннее пространство на диске.

Выводы

Как вы видите, даже если на сайте нет возможности скачать видеозапись или аудиофайл, это не значит, что у вас ничего не получится.

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

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

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Относительно новый браузер от Гугла стремительно завоевывает сердца пользователей по всему миру. Я тоже не оказался исключением из правил и уже около года работаю с блогом исключительно в нем.

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

Раньше я использовал Мазилу Фаерфокс в основном из-за наличия сотен тысяч всевозможных плагинов и дополнений, с помощью которых можно было расширить его функционал практически до бесконечности (последнее время и в Опере появились расширения).

Но надежность и скорость работы Мазилы сильно падали с установкой каждого нового плагина, чего нельзя сказать про Google Chrome, который умеет создавать для каждого активного дополнения отдельный процесс на вашем компе (это сильно повышает скорость работы и общую устойчивость браузера). Ну, а сегодня я хочу поговорить про те из них, которые могут быть полезны не только вебмастеру, но и рядовому пользователю глобальной сети Интернет.

Расширения Гугл Хрома общего предназначения

  1. Chromium Wheel Smooth Scroller — по умолчанию прокручивание веб страниц в Хроме с помощью колеса мыши или стрелок на клавиатуре происходит дискретно, т.е. мелкими скачками. Данное дополнение позволяет нивелировать этот недостаток — теперь можно очень плавно прокручивать страницы, а при ускорении колеса или удержании стрелочки на клавиатуре прокрутка будет увеличивать скорость.

    Все это действо можно очень тонко настроить под себя, просто щелкнув по иконке Chromium Wheel Smooth Scroller правой кнопкой и выбрав пункт «Настройки» (щелчок левой кнопкой по значку включает/выключает плавную прокрутку в Chrome).

  2. LastPass — популярный менеджер паролей. Они в нем хранятся онлайн и доступ к ним вы сможете получить с любого компьютера на земном шаре, просто введя мастер-пароль (вы создаете аккаунт на этом сервисе). Это хорошо, ибо не обязывает вас таскать флешку с паролями или осуществлять их бекап на компьютере. Однако накладывает определенные требования на используемый вами мастер-пароль (он должен быть максимально сложным), ибо в случае взлома вы потеряете все и сразу.

    LastPass сам распознает поля для ввода паролей и может предложить вам его сгенерировать (повышенной стойкости к взлому) или сохранить введенный вами вручную пароль. При авторизации это расширение для Google Chrome может автоматически вводить регистрационные данные, а также автоматически заполнять веб формы по созданным шаблонам.

    Можно экспортировать и импортировать базу с пассвордами, что позволит использовать ее в разных браузерах. Лично мне, при всех плюсах данного сервиса, по-прежнему стремно его использовать для хранения серьезных (денежных) паролей, поэтому пользуюсь проверенным временем менеджером KeePass.

  3. 1 Click Translator — после установки этого плагина в свой браузер, у вас появится возможность получать мгновенный перевод выделенной вами в тексте вебстраницы фразы (кстати, в Яндекс браузере такая возможность интегрирована по умолчанию). Похоже, что используется база переводчика от Google, но главным его плюсом является именно простота — выделил фрагмент текста и тут же увидел всплывающую подсказку:

    Для получения доступа к настройкам этого дополнения вам нужно щелкнуть по иконке гаечного ключа (вверху справа) и выбрать «Инструменты» — «Расширения». Я, например, поставил галочку для получения перевода лишь при удержании контрола на клавиатуре, ибо желание этого расширения переводить все, что выделяется, сильно достает.

  4. Last.fm free music player — вы уже зарегистрированы на сервисе Last.fm? Если нет, то регистрируйтесь, ищите нужные вам альбомы, и при установленном в Chrome расширении начинайте проигрывать одну из композиций (синий кружочек слева от названия). Данный плагин не только подхватит воспроизведение, но и добавит в свой плей-лист все имеющиеся на открытой странице Last.fm композиции:

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

  5. Визуальные закладки — очень похоже на экспресс панель в Опере, к которой я привык. Про это расширение я подробно писал в статье закладки от Яндекса:

Дополнения к Google Chrome для пытливых умов

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

    Там вы сможете, при желании, выполнить над новой корреспонденцией какие-либо действия, а для более подробного ознакомления нужно будет щелкнуть по иконке этого расширения в правой верхней области экрана:

    Показанная на скриншоте иконка шестеренки откроет вам все многообразие настроек этого плагина. Радует, что все это безобразие полностью и корректно переведено на русский язык. Функционал Checker Plus для Хрома заслуживает всяческих похвал.

  2. Image Size Info — в Опере можно посмотреть размер и другие свойства любого изображения на вебстранице, просто выбрав из его контекстного меню пункт «Свойства изображения» (данных не так много, как в FastStone Image Viewer, но все же). В Хроме мне такого функционала не хватало, поэтому и прижилось дополнение, позволяющее сделать тоже самое, только из контекстного меню изображения нужно будет выбрать пункт «View image info»:
  3. Faviconize Google — я много лет пользовался только поиском Яндекса и при переходе к Гуглу испытываю некий дискомфорт. Знаете почему? Там нет отображения иконок Favicon, которые позволяют узнавать сайты в выдаче и обращаться за информацией к тем, которым доверяете. Мнение это, конечно же, субъективное, однако под это дело я использую данный плагин, который добавляет отображение фавиконов слева от заголовка сайтов в выдаче (аля, Яндекс): Правда данное расширение почему-то не для всех ресурсов находит фавиконы, но это все равно лучше, чем ничего.
  4. Wappalyzer — мощный плагин, который позволяет распознавать движки (CMS) сайтов, которые вы открываете в Гугл Хроме, а также наличие на данных ресурсах, например, скриптов счетчиков Аналитикса или Метрики от Яндекса, ну и еще великого множества других приложений и технологий. Впечатляет, не правда ли? Для моего блога, например, данное дополнение выдало такой вердикт:

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

Плагины Хрома в помощь вебмастерам и сеошникам

  1. RDS-бар — очень популярное расширение, которое может работать практически во всех браузерах. Используя его, можно существенно облегчить СЕО продвижение своего или клиентского проекта (более подробно читайте в статье РДС бар и Page Promoter). В версии для Фаерфокс RDS-бар, на мой взгляд, гораздо более юзабилен (над открытой в браузере страницей выводятся все нужные вам показатели).

    В версии же для Google Chrome на панели плагинов вы увидите только иконку, отображающую значение Тиц для открытой в данный момент страницы, что уже не мало, хотя и не достаточно. Однако, щелкнув по этой иконке мышью, вы увидите выпадающее окно с уже гораздо большим количеством параметров так или иначе имеющих отношение к SEO продвижению:

    Мне RDS-бар помогает при анализе сайтов доноров, когда я занимаюсь внешней оптимизацией посредством бирж Гогетлинкс или же Миралинкс. Хотя, конечно же, применений для этого расширения можно найти море. Если щелкните по его иконке правой кнопкой мыши, то сможете попасть в настройки. Там можно будет задать подсветку гиперссылок, которые закрыты последством noindex или nofollow.

  2. Web Developer — популярный плагин среди разработчиков, верстальщиков и просто вебмастеров. Позволяет понять верстку сайта, выявить ошибки или позаимствовать идеи. В Хроме для появлении его панели достаточно щелкнуть по иконке (черная шестеренка):

    Подробнее о работе с этим плагином читайте с статье Web Developer (там описано аналогичное расширения для Фаерфокс, но принципы работы с ним остаются прежними).

  3. ColorZilla — очень удобное дополнение для дизайнеров и вебмастеров, которое позволяет захватывать цвета с открытых в Гугл браузере вебстраниц и использовать их при верстке сайта. Щелкнув по появившейся в правом верхнем углу иконке пипетки, вы сможете быстро определить цвет на экране с помощью первого пункта открывшего контекстного меню:

    Курсор мыши превратится в перекрестие, а в открывшейся у верхней кнопки Google Chrome панели ColorZilla вы сможете видеть цвета вебстраницы, над которыми пролетает это самое перекрестие. Щелкнув мышью над нужным цветом, вы автоматически загрузите его шестнадцатеричный код (например, #E12B2D) в буфер обмена (читайте подробнее про хеш коды в статье про здание цветов в Html и CSS).

    Кроме этого, у программы ColorZilla имеются довольно богатые возможности и даже свои собственные настройки, но об этом вы уже узнаете с помощью своего пытливого ума. Скажу лишь, что с помощью этого плагина для Гугл Хром вы сможете просмотреть всю палитру цветов используемую на вебстранице, получить код градиентных цветов для вставки на свой сайт с помощью собственного генератора, просматривать историю захватов и использовать разные палитры для подбора нужного оттенка.

  4. Alexa Traffic Rank — всем известный тулбар Алексы, который реализован в виде расширения для Chrome. Зачем он нужен? Во-первых, при анализе будущих сайтов доноров или ресурсов ваших конкурентов, не всегда удастся получить информацию о посещаемости данного проекта. Вот именно для такого случая пригодится Alexa, который позволит вам косвенно оценить популярность ресурса и количество ссылающихся на него доменов (читайте об этом подробнее в статье про показатель Alexa Rank):

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

  5. SEO Quake — популярное дополнение для многих браузеров, которое позволяет выводить вверху всех открываемых в Хроме вебстраниц панель с различными показателями продвижения. Очень удобен при просмотре потенциальных сайтов доноров. Аналогичную панель данный плагин умеет выводить и в поисковой выдаче:

    Настроек у плагина SEO Quake очень много, так что разбираться придется долго, но оно того стоит.

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

Темы для Google Chrome

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

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

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

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий