Меню

Chrome extensions страница настроек



Как установить и управлять расширениями в Chrome

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

Как установить расширения Chrome

Загрузите официальные расширения Chrome из Интернет-магазина Chrome от авторов, которым вы доверяете. Вы должны убедиться, что выбранное расширение безопасно, прежде чем устанавливать его, выполнив небольшую, но тщательную проверку: прочитайте описание расширения, прочитайте отзывы, проверьте веб-сайт разработчика (если он у него есть). Даже просмотрите исходный код, если вы умеете программировать.

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

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

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

Когда вы окажетесь на странице расширения, нажмите «Установить», чтобы добавить расширение в свой браузер.

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

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

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

Как управлять расширениями Chrome

Чтобы открыть страницу расширений, нажмите значок меню (три точки) в правом верхнем углу Chrome, выберите «Дополнительные инструменты», затем нажмите «Расширения».

Вы также можете ввести chrome://extensions/ в совмещённую строку поиска/адресную строку Chrome и нажать Enter.

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

Чтобы открыть настройки расширения, нажмите кнопку «Подробнее».

Другой вариант перехода к настройкам расширения — если оно закреплено в Быстром запуске, кликните на значке расширения правой кнопкой на панели инструментов Chrome, а затем нажмите «Управление расширениями», чтобы обойти переход на главную страницу расширений и сразу попасть в настройки данного расширения.

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

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

Читайте также:  Azureus и его настройки

Источник

Кратко о создании расширений для Chrome

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также:  Форекс настройки советника гепард

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также:  Argox 2140d настройка печати

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выводы

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

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

Ссылки

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

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

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

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

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

Делимся на оплату хостинга или кофе.
Чем чаще пью кофе, тем чаще пишу статьи.

Источник

Adblock
detector