Делаем своё расширение для браузера за 10 минут

Менеджер паролей «LastPass»

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

Работать с расширением крайне удобно, управление и настройка предельно просты и интуитивно понятны. Основная функция – это хранение конфиденциальной информации (логин, пароль, адрес электронной почты и др.).

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

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

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

OneTab

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

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

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

Анализ выдачи, анализ страниц сайта и т. д.

1. Tag Assistant (by Google) показывает, какие теги Google установлены на сайте и корректно ли они работают.

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

После останавливаем запись и нажимаем Show full report, чтобы посмотреть подробную информацию.

Отчет состоит из двух вкладок:

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

2. На второй вкладке собрана информация о том, какие данные передались в Google Analytics.

Подробнее о расширении — в блоге Google Analytics на YouTube.

2. Wappalyzer показывает, какие системы управления контентом, какие платформы электронной коммерции, веб-серверы, теги, аналитические инструменты используются на сайте.

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

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

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

Фрагмент отчета Performance

Фрагмент отчета Progressive Web App

4. Show Title Tag позволяет увидеть полный title страницы. При работе с DSA кампаниями в Google Ads title страниц играют важную роль, а этот инструмент позволяет быстро их проверить. Расширение позволяет не лезть в код страницы или панель разработчика.

5. Redirect Path показывает все редиректы, которые происходят при переходах на страницы, в том числе с рекламы. Помимо этого, инструмент показывает заполненные параметры в UTM-метках, что может помочь заметить ошибки или баги.

6. SimilarWeb — Traffic Rank & Website Analysis предоставляет анализ сайта, краткие данные с SimilarWeb, но в окне расширения. Здесь есть информация о ранках, отчеты Visits Over Time, Geography и Traffic Sources. Можно сделать быструю оценку, не покидая сайт.

7. User-Agent Switcher позволяет смотреть, как отображается страница на разных браузерах или операционных системах.

8. Resolution Test показывает, как будут выглядеть страницы на экранах разного размера.

9. GeoClever показывает рекламную и органическую выдачу в разных регионах по всему миру.

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

10. Linkclumb позволяет с помощью нажатия клавиши Z и левого клика мыши открыть в соседних вкладках все выделенные ссылки. Например, если нужно открыть все ссылки органической выдачи, то можно обвести все, и они откроются в новых вкладках. Это экономит до девяти кликов на одну страницу поиска!

11. Facebook Pixel Helper похож на Google Tag Assistant, но работает только с тегами Facebook.

Как устанавливать расширения, общие советы

Рассмотрим, как установить любое расширение в вашем браузере. В качестве примера возьмем браузер Яндекс.

Запускаете Яндекс и нажимаете вверху на три черты (скрин 2).

Из меню нажмите по разделу «Дополнения» Опускайте страницу вниз колесиком компьютерной мыши и нажмите по кнопке «Каталог расширений Яндекс браузера» (скрин 3).

В отрытом каталоге вы увидите расширения и поиск по ним (скрин 4).

Чтобы установить расширение, нажмите по нему, далее кликните «Добавить в Яндекс в браузер» (скрин 5).

В следующем окне кликните «Установить расширение» и оно будет установлено.

Все действия с расширениями происходят в бесплатном Интернет магазине браузера. В других браузерах, например, в Гугл Хром, Мозилла, Опера – также устанавливаются расширения. Перечислим Интернет магазины данных браузеров:

• Гугл Хром: chrome.google.com/webstore/category/extensions;
• Расширения браузера Мозиллы Фаерфокс: addons.mozilla.org/ru/firefox/extensions/;
• Опера: addons.opera.com/ru/extensions/.

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

Grammarly

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

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

Скачать для Google Chrome, «Яндекс.Браузера» или Opera (требуется установка Install Chrome Extensions):

Загрузить

Цена: 0

Скачать для Firefox:

Загрузить

Цена: Бесплатно

10 расширений для Chrome, которые прокачают поиск Google →

Conclusion

Browsers handle the vast majority of our online traffic. We use them for work, to relax, to check our social media accounts, and even to play games! Enhancing your browser experience with the right extensions is a great way to improve your daily internet routine. Got any must-have add-ons you think the rest of us should know about? Share your thoughts in the comments below!

How to get a FREE VPN for 30 days

If you need a VPN for a short while when traveling for example, you can get our top ranked VPN free of charge. NordVPN includes a 30-day money-back guarantee. You will need to pay for the subscription, that’s a fact, but it allows full access for 30 days and then you cancel for a full refund. Their no-questions-asked cancellation policy lives up to its name.

←
How to fix the KB4511555 high CPU usage bug on Windows 10 1903

→
Come ottenere un indirizzo IP di Panama da qualsiasi luogo utilizzando una VPN

Руководство по работе с дополнениями в Яндексе

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

Настройка предустановленных расширений

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

Чтобы активировать расширение достаточно:

• открыть список с расширениями;

  Находим строку «Дополнения» и кликаем по ней

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

  Для отключения передвигаем левым щелчком мышки ползунок в режим «Выкл.»

Для настройки необходимо:

• нажать по графе «Подробнее»;

  Нажимаем по графе «Подробнее»

• далее кликнуть по кнопке «Настройки»;

  Кликаем по кнопке «Настройки»

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

  Изучаем настройки, отключаем или включаем нужные и ненужные функции

Если кнопки «Настройки» нет, значит она не предусмотрена разработчиком

У некоторых расширений есть функции:

• работы в режиме Инкогнито;
• открытие файлов по ссылкам.

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

Отмечаем подходящую функцию

Расширение «Pushbullet»

Вы с большой вероятностью используете браузер «Google Chrome» как на компьютере, так и на мобильном устройстве. Приложение «Pushbullet» позволяет связывать ПК с телефоном, на котором установлен «Chrome», чтобы с помощью одного клика отправлять ссылки, файлы и введённый текст на мобильное устройство, отсылать и читать СМС сообщения, общаться с друзьями в чате и многое другое.

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

• Отправляйте текстовые СМС сообщения.Набирать сообщение на клавиатуре гораздо приятней и быстрее, чем на экране телефона, также можно легко просматривать новые сообщения прямо в браузере.
• Читаем все уведомления в «Google Chrome».Пользуясь расширением «Pushbullet», вы никогда не пропустите важные уведомления, которые пришли на телефон: журнал вызовов, СМС, сообщения «WhatsApp», уведомления приложений и т. д.
• Отправляйте интересные ссылки на телефон.Мгновенный обмен ссылками между вашими устройствами, больше не придётся отправлять линки по электронной почте, через «Skype», «Viber» или СМС, нажали одну кнопку и все готово.
• Общение с друзьями«Pushbullet» отлично работает на любых устройствах с установленным браузером, что делает общение с друзьями в чате более удобными, чем когда-либо.
• Быстрая передача файловОтправляйте изображения, музыку, видео, документы и другие файлы между всеми вашими устройствами. Переданные данные будут загружены автоматически, и вы сможете запустить их прямо из уведомлений.

Другие API

Windows

Для создания окна таймера используется Windows API. Этот процесс инициируется фоновым скриптом. Я передаю timer.html, type, size, position и другие визуальные опции как параметр URL.

Хранилище

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

Обратный отсчет должен изменяться каждую секунду. Он довольно сложный, и для этого нужно много записей. Вот почему я выбрала вариант локального хранилища. Вы можете увидеть, как я получаю и устанавливаю эти переменные в скриптах Background, Helper и Popup. Найдите в коде date, nextAlarmTime и isPaused.

Declarative Content

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

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

Как удалить Plugins

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

• Google Chrome;
• Yandex.Browser;
• Internet Explorer;
• Firefox;
• Opera.

Google Chrome

Если дополнительные приложения тормозят Гугл Хром, их можно удалить. Для этого следует:

1. Запустить Chrome.
2. Открыть меню «Настройки и управление».

     3. Навести «мышь» на «Дополнительные инструменты» и перейти на страницу «Extensions».

     4. Выбрать ненужную программу и нажать «Удалить».

     5. Подтвердить выбранное действие.

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

Yandex.Browser

Работа Яндекс браузера может замедляться некоторыми дополнительными приложениями. Поэтому их рекомендуется временно отключить. Для этого следует:

1. Открыть меню настроек.

     2. Перейти к установленным расширениям.

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

Поэтому следует:

1. Активировать модуль.

     2. Нажать правой кнопкой мыши на иконке, рядом с адресной строкой.

     3. Кликнуть по надписи: «Удалить».

После этого модуль исчезнет со станицы «Extensions».

Internet Explorer

Пользователи, использующие Internet Explorer, могут отключить стандартные и загруженные приложения. Для этого следует:

1. Нажать сочетание клавиш Alt+X и перейти в надстройки.

     2. Открыть раздел «Панели управления».

     3. Выбрать «Все надстройки».

     4. Найти интересующий модуль и кликнуть по кнопке «Отключить».

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

     2. Нажать кнопку «Удалить».

Firefox

Удалить модуль из Firefox можно двумя способами. Первый применим только для активных расширений. Чтобы полностью деактивировать дополнительное приложение, следует:

1. Найти интересующую иконку на панели.

   2. Нажать правой кнопкой мыши и выбрать «Удалить расширение».

     3. Подтвердить процесс деактивации.

Что касается Plugins, которые выключены, то для их деактивации необходимо:

1. Перейти в настройки плагинов, нажав сочетания клавиш Ctrl+Shift+A.
2. Открыть страницу модулей.

     3. Найти интересующий Plugin и кликнуть по «Удалить».

Opera

Опера, как и большинство обозревателей, позволяет удалить Plugin 2 способами. Первый подходит только для функционирующих веб-программ. Для деинсталляции первым способом нужно:

1. Запустить Оперу.
2. Найти иконку интересующего приложения (рядом с адресной строкой).

    3. Нажать правой кнопкой мыши и выбрать «Удалить».

Чтобы деактивировать модуль вторым способом, нужно:

1. Нажать сочетание клавиш Ctrl+Shift+E.
2. Найти интересующий модуль, а затем кликнуть по крестику в правом углу.

     3. Подтвердить процесс деактивации.

Заключение

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

Просмотр youtube-видео фрагментами и циклически с целью обучения

Сегодня прошел ровно 1 год с прошлой статьи и в связи с этим я решил поделиться своим вариантом решения проблемы просмотра youtube-видео фрагментарно и циклически. Это проблема как никогда актуальна для многих учащихся в этом году, если им дают ссылки на обучающие youtub-материалы.
Решение не 100% реализованное, но и в таком виде может кого-то натолкнет на желание реализовать это в расширении или подскажет мне где-то ресурс, который смог бы реализовать требуемую задачу… или кто создал бы профессиональный сайт с подобным функционалом.
Сразу говорю, что я не разработчик под веб, под java, не дизайнер и т. д. и т. п., так что качество кода как есть, так есть. Считайте это просто попыткой реализацией одной идеи, которая чуть была расширена (код открыт для свободного копирования, защиты нет и даже больше, это можно приспособить для локального запуска).Итак, проблема
Видео на youtube бывает полезно для обучения, но требуется просмотр определенных фрагментов помногу раз.Уже готовые найденные решения:

Изображения и шрифт

1. Search by Image (by Google) позволяет найти изображение на ресурсах. Может быть полезно, если стоит задача найти изображение без водяных знаков. Как и следующее приложение, оно помогает в случаях, когда нужно подготовить самостоятельно баннеры.

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

2. TinEye Reverse Image Search выполняет ту же функцию, что и расширение Google, но изображения показываются не в поиске Google, а на сайте tineye.com.

3. ColorZilla позволяет узнать информацию о цвете в любой точке внутри окна Chrome. Полезно использовать для подготовки презентаций или настройки цветовых схем в отчетности Power BI.

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

Другие разделы настроек

В верхней панели расположен ряд вкладок. При входе на страницу browser://settings вы автоматически попадаете на вкладку «Настройки», но справа и слева есть ещё вкладки. Это так называемые дополнительные настройки Яндекс Браузера.

Закладки

Крайняя слева вкладка — «Закладки». Здесь хранятся все сохраненные страницы. Их можно группировать по папкам, удалять, изменять название и ссылку. Слева находится меню, папки с закладками браузера и смартфона, если в телефоне у вас включена синхронизация. В центральном окне сами закладки. При наведении на ссылку отображается кнопка «Ещё». При клике на неё открывается контекстное меню с функциональными кнопками.

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

Загрузки

В данном разделе отображается список всех загрузок. Файлы распределены по месяцам. Здесь также есть функциональная кнопка «Ещё», при нажатии на которую открывается контекстное меню. Если вы не знаете в какую папку загрузился фильм или музыкальный трек отсюда можно открыть папку с загруженным файлом.

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

История

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

Дополнения

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

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

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

Безопасность

В этом разделе опции выставлены с учетом защиты пользовательских данных. Если вам не нужно работать с вирусными сайтами или другими специфическими задачами здесь трогать не стоит ничего.

Пароли и карты

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

• Здесь вы можете настроить синхронизацию.
• Сменить или удалить мастер-пароль.
• Настроить опции сохранения паролей и функции автозаполнения полей.
• Настроить менеджер карт.

Другие устройства

Данные раздела «Другие устройства» доступны только при авторизации в аккаунте Яндекс и включенной синхронизации между устройствами.

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

HoverZoom+

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

После установки HoverZoom+ даже не нужно ничего нажимать. Расширение работает в автоматическом режиме и увеличивает все, на что вы наведете курсор. Размер увеличенного изображения зависит от его оригинального разрешения. Если картинка сама по себе маленькая, то и HoverZoom+ не спасет.

Не стоит путать HoverZoom+ с оригинальной версией HoverZoom, которую удалили из Chrome Web Store за распространение вирусов. В этой версии все угрозы были удалены.

1Password X

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

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

Данные из 1Password X синхронизируются с облачным хранилищем 1Password и мобильными приложениями. Недостатком расширения можно назвать его стоимость. Для полноценной работы с сервисом нужно подключить подписку стоимость 379 рублей в месяц. 

Настройка

Что нужно знать:

• Обратные вызовы;
• Таймауты;
• Инструменты разработчика Chrome.

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

Преувеличение

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

Но не редактирование существующих окон или вкладок

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

Функционал Eye Rest

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

Схема работы расширения:

• Если расширение работает,
• Если пользователь не нажал кнопку «Пауза» во всплывающем окне,
• Если счетчик во всплывающем окне достиг отметки 00:00, ТОГДА
  • Открывается новое окно с HTML-таймером, И
  • Начинается 20-секундный обратный отсчет в HTML-таймере, И
  • Сбрасывается счетчик всплывающего окна на 20:00.
• Если HTML-таймер достиг нуля, ТОГДА

Звучит довольно просто, но эти таймеры запутали меня. Чтобы понять суть проблемы, посетите репозиторий GitHub для Eye Rest.

Манифест

В каж­дом рас­ши­ре­нии для бра­у­зе­ра дол­жен быть мани­фест — доку­мент, в кото­ром написано:

• как назы­ва­ет­ся расширение;
• к чему рас­ши­ре­ние может полу­чить доступ;
• какие скрип­ты будут рабо­тать в фоне;
• как долж­на выгля­деть икон­ка расширения;
• что пока­зать или что выпол­нить, когда поль­зо­ва­тель нажмёт на икон­ку расширения.

Мани­фест зада­ёт общие пра­ви­ла для все­го рас­ши­ре­ния, поэто­му мани­фест — един­ствен­ный обя­за­тель­ный ком­по­нент. Мож­но обой­тись без ико­нок и скрип­тов, но мани­фест обя­за­тель­но дол­жен быть.Каждый мани­фест хра­нит­ся в фай­ле manifest.json — созда­дим пустой файл с таким име­нем и напи­шем внут­ри такое:

{

  «name»: «Запускаем снежинки на любом сайте»,

  «description»: «Проект журнала Код»,

  «version»: «1.0»,

  «manifest_version»: 3

}

Пер­вые две строч­ки — это назва­ние и подроб­ное опи­са­ние рас­ши­ре­ния. Тре­тья отве­ча­ет за номер вер­сии рас­ши­ре­ния, а послед­няя гово­рит бра­у­зе­ру, какая вер­сия мани­фе­ста исполь­зу­ет­ся в опи­са­нии. На момент выхо­да ста­тьи в фев­ра­ле 2021 года исполь­зу­ет­ся тре­тья версия.

Сохра­ня­ем файл и всё, рас­ши­ре­ние гото­во. Оно ниче­го не уме­ет, ниче­го не дела­ет, зато мы уже можем доба­вить его в бра­у­зер. Для это­го запус­ка­ем Хром и в адрес­ной стро­ке пишем:

chrome://extensions/

Мы попа­да­ем на стра­ни­цу, кото­рая нам пока­жет все уста­нов­лен­ные расширения:

Что­бы доба­вить своё рас­ши­ре­ние, в пра­вом верх­нем углу вклю­ча­ем режим раз­ра­бот­чи­ка, а затем нажи­ма­ем «Загру­зить рас­па­ко­ван­ное расширение»:

Теперь выби­ра­ем пап­ку, в кото­рой лежит наш манифест:

Отлич­но, мы толь­ко что доба­ви­ли в бра­у­зер новое расширение:

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

Что­бы было про­ще рабо­тать и тести­ро­вать рас­ши­ре­ние, закре­пим его на пане­ли браузера:

Блокируем навязчивые виджеты обратного звонка на сайтах

Tutorial

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

Самые упоротые и забавные расширения для браузера: подборка

Иногда разработчики “Желают странного” (С) А. Б. Стругацкие, из-за этого появляются необычные проекты, вроде запуска Doom на терминалах для считывания банковских карт и других, еще менее приспособленных для этого, девайсах. Чаще всего такое получается в результате тренировок, когда программист осваивает новую тему и реализует тестовый проект не в виде традиционного “Hello, Word!”, а чего-то более изощренного. Но ведь не все занимаются портированием древних шутеров на смарт-часы, есть и другие области разработки, более прикладные, но не менее интересные. Предположим, что человеку наскучило смотреть на длинные логи в консоли и grep’ать из них данные для отладки, хочется добавить интерактива и наглядности в свое обучение. Инструменты для этого выбираются самые разные, кто-то пользуется обычным графическим выводом, кто-то выводит данные через простенький сайт, а кто-то… пишет расширения для браузера!
В этой статье я расскажу вам о нескольких не самых практичных (хотя о практичных — тоже расскажу), но необычных расширениях. Они вряд ли войдут в подборку типа: “Топ-10 самых полезных расширений для разработчика” или пригодятся для розыгрыша коллег, но заставят озадаченно почесать затылок: “Ну и фантазия у автора!..” или просто улыбнуться.

McAfee Web Boost (Chrome): Остановка автоматического воспроизведения видеороликов

Самой раздражающей тенденцией среди сайтов является использование видео, которые начинают автоматически воспроизводиться, как только вы заходите на страницу. Люди находят способы блокировки автоматического воспроизведения видео в Chrome, а разработчики продолжают искать новые способы обойти эти методы. Это вечный танец. На данный момент простым решением, похоже, является установка McAfee Web Boost, которое работает лучше, чем любое другое расширение.

Обратите внимание, что компания McAfee регулярно получает претензии по вопросам конфиденциальности, но до сих пор никто не указал на какие-либо недостатки в этом расширении

Расширение онлайн-переводчик «Google Dictionary»

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

Откроется окно со списком предустановленных дополнений, опускаемся в самый низ и кликаем на ссылку «Ещё расширения».

Расширение «Google Dictionary», это специальная надстройка, которая использует данные онлайн переводчика от «Google». Чтобы установить его, введите в строку поиска фразу «Google Dictionary» и нужное приложение будет первым в списке. Кликаем на него и нажимаем кнопку «Установить». (Не забудьте проверить надпись в правом верхнем углу описания о том, что приложение «Совместимо с вашим устройством»)