Как сделать расширение для браузера или первое расширение для chrome

Проверка кода и публикация

Прежде чем опубликовать, проверьте ещё раз весь код. Если вы делали всё так, как мы, то у должно было получиться следующее:

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

И далее следуем инструкциям на скриншотах ниже.

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

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

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

Надеемся, что всё работает правильно и вы понимаете структуру расширений для Chrome.

Основано на видео с канала «Traversy Media»

И другое…

EditThisCookie

Пользователей: 2 700 000+

EditThisCookie – это менеджер файлов cookie для Google Chrome. Вы можете добавлять, удалять, изменять, искать, защищать и блокировать, импортировать cookies.

Минусы: разобраться могут не все, не на 100% стабильно.

Adblock Plus

Пользователей: 10 000 000+

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

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

Pocket

Пользователей: 2 700 000+

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

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

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

Window Resizer

Пользователей: 600 000+

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

Проблем не нашли, если вы нашли, напишите комментарий.

Dualless

Пользователей: 100 000+

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

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

Extensity

Пользователей: 200 000+

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

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

Добавляем манифест

Каждому браузерному расширению необходим файл манифеста. Именно там мы определяем версию и метаданные расширения, а также скрипты, которые в нём работают. Контент, фон, всплывающее окна, разрешения, если они нужны и так далее. Вы найдёте полное описание файла манифеста в документации Chrome: https://developer.chrome.com/extensions/manifest. Давайте двинемся дальше и добавим в файл с такими строками:

{  "name": "Demo extension",  "description": "An extension built with Parcel and TailwindCSS.",  "version": "1.0",  "manifest_version": 2,}

Прежде чем углубиться в детали работы расширения Chrome, установим и настроим TailwindCSS.

Подключаем TailwindCSS

TailwindCSS — это CSS-фреймворк, применяющий служебные классы низкого уровня для создания переиспользуемых и настраиваемых компонентов интерфейса. Tailwind устанавливается двумя способами, самый распространённый — установка с помощью NPM. Кроме того, сразу же стоит добавить и :

yarn add tailwindcssyarn add -D autoprefixer postcss-import

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

Теперь, когда всё установлено, давайте создадим файл в корневом каталоге. Этот файл — конфигурация для PostCSS. Вставим в него такой код:

module.exports = {  plugins: ,};

Порядок плагинов здесь имеет значение! Это всё, что нужно, чтобы начать использовать TailwindCSS в вашем расширении. Начинаем. Создадим файл в папке и импортируем в него стили Tailwind:

@import "tailwindcss/base"; @import "tailwindcss/utilities";

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

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

Как удалить вредоносное ПО

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

  1. На компьютере с Windows проверьте устройство на наличие вредоносного ПО.
  2. На компьютере с Windows, macOS или Linux запустите проверку на вирусы и вредоносное ПО. Удалите все программы, которые могут влиять на работу Chrome.
  3. Восстановите расширение:
    1. Откройте Chrome на компьютере.
    2. В правом верхнем углу окна нажмите на значок «Настройка и управление Google Chrome» Дополнительные инструменты Расширения.
    3. Найдите поврежденное расширение и нажмите Восстановить. Подтвердите действие.
  4. Если решить проблему не удалось, сообщите о ней здесь: .

Помощники редактора

Часто и много работаете с текстом? Тогда вам точно пригодятся эти плагины!

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

Print Friendly & PDF — расширение, удаляющее мусор (рекламу, ненужные блоки) перед печатью веб-страницы. Оставьте только самое нужное и сохраните её в pdf-формате.

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

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

Технический анализ страниц и сайтов

Во время анализа конкурентов SEO специалисту приходиться тратить уйму времени, чтобы узнать базовые параметры страниц или сайтов — title, description, заголовки, канонические страницы и многое другое. Чтобы облегчить эту работу можно взять на вооружение расширения, о которых рассказываю ниже.

SEO META in 1 CLICK

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

  • title,
  • description,
  • url,
  • author,
  • lang.


Общий отчет расширения SEO META in 1 CLICK

Также он дополнительно предоставляет структуру текста, включая заголовки и их значения.


Отчет «Заголовки» расширения SEO META in 1 CLICK

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


Отчет «Изображения» расширения SEO META in 1 CLICK

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


Отчет «Ссылки» расширения SEO META in 1 CLICK

Отчет Social показывает данные из микроразметки Open Graph.


Отчет Social расширения SEO META in 1 CLICK

Отчет Tools показывает полезные инструменты: проверка микроразметки, скорости сайта (Page Speed insights) и многое другое.


Отчет «Инструменты» расширения SEO META in 1 CLICK

Wappalyzer

Еще один многофункциональный инструмент, дающий возможность просмотреть, все данные по сайту, например:

  • CMS-систему;
  • системы аналитики;
  • блог-платформу;
  • базу данных;
  • веб-серверы;
  • рекламу;
  • видеоплееры;
  • язык программирования;
  • фреймворки;
  • библиотеки JavaScript и многое другое.

Это расширение начнем показывать данные сразу при посещении сайта.


Пример работы Wappalyzer

LightHouse

Дает возможность быстро сформировать отчет (по скорости загрузки, SEO и технической составляющей) и перейти на на него в LightHouse. LightHouse — это проект от Google, анализирующий производительность сайта, его доступность, SEO и так далее.


Вывод меню расширения LightHouse

После клика вы увидите стандартные данные о:

  • performance;
  • accessibility;
  • best Practices;
  • SEO;
  • progressive web app.


Отчет LightHouse

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

XPath Helper

Дает возможность без особых знаний работы XPath создать запрос, который потом можно использовать для парсинга сайтов, например, через функцию IMPORTXML в «Google Таблицах». На первом экране можно дать запрос XPath и увидеть ответ со страницы. Например, нам нужно массово получить все H1 на сайте или наименования товаров, что можно сделать выделив данный элемент через XPath.

XPath — это язык запросов к элементу XML-документа, через который можно парсить данные с сайтов, например, через созданный скрипт, «Google Таблицы» или же Screaming Frog SEO Spider.


Вывод меню Xpath Helper

Нажав на CTRL+Shift+X (Command-Shift-X для пользователей Маков) можно получить запрос XPath, просто кликнув на определенный элемент.

Заполненный запрос в Xpath Helper

Mailtrack для почты Gmail

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

Ключевые возможности:

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

Search Stackoverflow

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

Если вы веб-разработчик, то должны были слышать о Stack Overflow, месте, куда обращаются многие разработчики с разными вопросами, связанными с развитием веб-проектов. Если нет, то вам обязательно нужно познакомиться с ним. Это действительно развитое сообщество, которое охватывает широкий круг вопросов: от C # и Java до PHP и JQuery.

Это фантастическое расширение добавляет окно поиска прямо в ваш браузер и позволяет вам использовать огромные ресурсы Stack Overflow. Обязательное для использования расширение!

Документация

Изучите:

  • Руководство Google по расширениям браузера.
  • Руководство по началу работы.
  • Обзор по расширениям Chrome.

Файл manifest.json предоставляет браузеру информацию о расширении. В том числе о том, где расположены файлы и иконки расширения, а также данные для доступа к API. Вот как выглядел мой файл manifest.json:

https://github.com/jennz0r/eye-rest/blob/master/manifest.json

Изображение, которое описывает архитектуру расширения.

Файл background.js является обработчиком событий расширения. Он постоянно прослушивает события браузера, которые вы передаете через Chrome Extension API. Google говорит, что эффективный фоновый скрипт загружается только тогда, когда он необходим, и выгружается, когда простаивает.

Popup — это маленькое окно, которое появляется при клике по иконке расширения в меню Chrome. Оно состоит из разметки и скрипта. Вы можете указать браузеру, где его найти, в разделе manifest.json — page_action: { «default_popup»: FILE_NAME_HERE }.

Страница параметров является именно тем, что ожидается. На ней отображаются настраиваемые параметры, выводимые пользователю, только когда он кликает правой кнопкой мыши в меню Chrome и выбирают пункт «Параметры» для расширения. Эта страница также состоит из разметки и скриптов. Вы можете указать браузеру, где ее найти, в разделе options_page: FILE_NAME_HERE файла manifest.json.

Content scripts — это крипты, которые будут взаимодействовать с любыми окнами или вкладками, открытыми пользователем. Они также будут взаимодействовать с вкладками и окнами, открытыми расширением.

Проверяем текст

Clipboard History 2

Пользователей: 79 000+

Если вам часто приходится копировать одни и те же ссылки или фрагменты текста, все эти элементы будут собираться в одном буфере. Есть функция “Добавить в избранное”, “Отправить на устройство” или “Отправить в облако”. Текст копируется одним кликом. Ему можно присваивать теги, редактировать, вносить вручную, а также делать скриншот страницы.

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

Есть мелкие недоработки в UI. Буфер придется чистить, в том числе и пароли.

Главред

Пользователей: 8 000+

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

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

Reverso Context

Пользователей: 160 000+

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

Возможности:

  • работает с субтитрами в видео и PDF,

  • позволяет сохранять интересные материалы,

  • ведет историю переводов,

  • синхронизирует данные.

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

Grammarly

Пользователей: 10 000 000+

Избавит английский текст от опечаток и пропущенных артиклей. Подсказки по тону общения будут представлены в виде смайликов. Чтобы они отобразились, должно быть не менее 120 символов в тексте.

Из плюсов – на почту будут приходить отчеты о ваших успехах. С ним можно узнать правило или посмотреть подробности о слове. Различает американское и британское письмо. Проверяет текст в формах.

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

Главные особенности Google Chrome

  • Многопроцессная архитектура. Программа устроена так, что каждая открытая вкладка или окно являются отдельным процессом. Благодаря такой изоляции, вкладки или окна не мешают друг другу работать, то есть в случае, когда подвисла одна вкладка, нет необходимости перезагружать всё приложение. Это практично и с точки зрения безопасности, ведь если злоумышленник получит удаленный доступ к какой-либо из вкладок, другие ему не будут доступны.
  • Множество расширений. Изобилие различных плагинов позволяет повысить эффективность и удобство использования браузера. Это создает массу дополнительных возможностей обычным пользователям и web-разработчикам. Их установка не составит труда, расширениями можно легко управлять и при необходимости активировать или отключать.
  • Экономия трафика и скорость работы. Уникальная технология сжатия данных обеспечивает высокую скорость загрузки страниц и экономит трафик. Это особенно актуально на мобильных устройствах, где зачастую количество интернет-трафика лимитировано. Для обеспечения высокой скорости работы, приложение наделено уникальными алгоритмами чтения кода JavaScript и упреждающего анализа DNS.
  • Высокая интеграция с сервисами. Компания Google имеет множество различных сервисов, среди которых электронная почта Gmail, облачное хранилище Google Диск, сервис видеоконтента YouTube и множество других. Если пользоваться ими посредством Google Chrome, то пользователю доступны более широкие возможности. Например, для загрузки файла в облачное хранилище, нужно лишь перетащить его в Google Chrome, что недоступно с использованием других браузеров. Браузер умеет переводить текст страниц на разные языки с помощью Google Переводчик. На достойном уровне организована синхронизация закладок и учетных данных между устройствами.
  • Легкость в использовании. Приложение сочетает в себе элементы простоты и функциональности. С его лаконичным и интуитивно понятным интерфейсом сможет поладить даже новичок. Стоит отметить удобство управления закладками, их можно группировать по папкам и перемещать простым перетаскиванием. При желании, пользователь может сделать панель закладок более доступной, разместив ее под адресной строкой. Главный элемент интерфейса – панель вкладок, она расположена в самом верху, над адресной строкой. Вкладки реализованы в виде аккуратных ярлыков с наименованием загруженной страницы. Простым перемещением в сторону вкладку можно открыть в новом окне. Отличительным элементом браузера является страница быстрого доступа. Она отображает наиболее часто посещаемые сайты в форме плиток, а немного выше поисковую строку. Страница быстрого доступа появляется при открытии новой вкладки или окна, также ее можно использовать в качестве домашней страницы.

Плагины кастомизаторы

Надоел однотипный дизайн? Установите расширения-кастомайзеры и радуйтесь индивидуальному дизайну.

Modern New Tab Page — обновите новую вкладку в браузере, сделав её более современной и динамичной. Максимально естественно такой новый вид страницы выглядит в Windows 10 с её «плиточным» интерфейсом.

iChrome New Tab — расширение, которое делает из новой вкладки полноценную новостную ленту с погодой, избранными цитатами, виджетами, последними новостями и самыми интересными постами из соцсетей.

Humble New Tab Page — этот плагин полностью оправдывает своё название. Здесь не будет никаких изысков — просто однотонная страница со сгруппированными часто посещаемыми сайтами, любимыми приложениями, всеми закладками и только что закрытыми вкладками.

Speed Dial 2 — стартовая страница Хрома «на стероидах». С этим плагином вы можете добавить неограниченное количество закладок на главный экран, группировать и кастомизировать их как захотите.

Blank New Tab Page — отличный плагин для любителей минимализма во всем. Подключив это расширение, вы просто получите пустой лист при открытии новой страницы.

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

Night Shift — любимый сайт не установил темную тему? Тогда вам не обойтись без этого плагина. При наступлении темноты Night Shift самостоятельно переключит все цвета вашего браузера на более теплые, уменьшив количество синего света монитора. Настройте расписание и кастомизируйте палитру под свои ощущения.

Turn Off The Lights For Youtube — вся страница становится темной, что позволяет вам комфортнее смотреть видео вечером, даже не разворачивая его на полный экран. Несмотря на название, расширение работает с большинством сайтов и почти со всеми форматами видео.

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

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

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

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

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

Установка расширений в Google Chrome

Установить расширения в Google Chrome 

Простой и безопасный способ – установить расширения из веб-магазина Chrome. Откроется главная страница с категориями программ и темами.

Еще один способ установить плагин – перейти в магазин браузера, кликнув на три вертикальные точки в правом верхнем углу. Появится контекстное меню. Выбирают «Другие инструменты» и далее – «Расширения». Браузер перенаправит на страницу магазина.

Как подобрать подходящее расширение из веб-магазина Chrome:

  1. Выбрать необходимый сервис можно с помощью категорий в левой колонке. Среди них – блоги, покупки, работа, развлечение, соцсети и общение, спорт, фото, новости и погода.
  2. Второй способ – промотать страницу вниз, где представлены тематические подборки. Это выбор Google (лучшее для Chrome), сервисы для работы из дома, обучение онлайн, для геймеров и прочее.

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

Установить расширение в Google Chrome вручную на ПК просто:

  1. Выбрать нужный вариант.
  2. Нажать на синюю кнопку с белой надписью «Установить».
  3. Веб-браузер может запросить дополнительные разрешения или доступ к определенным данным. Можно «Добавить расширение» или «Отменить».
  4. Сервис автоматически загрузится. Браузер сообщит об установке с помощью всплывающего окна и предложит сразу же запустить плагин, кликнув на появившийся значок.

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

Для установки:

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

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

Chrome Daltonize

Создание изображений оптимизированных под людей, имеющих проблемы, связанные с распознаванием цветов.

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

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

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

Расширение Chameleon

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

Просто …

…и с чистой совестью «идите» в . Легким движением руки, привычным алгоритмом производите инсталляцию любого фирменного расширения этого обозревателя сети Интернет в свой хромо-браузер.

Про обратный процесс (установку расширений Chrome в Opera) уже писал ранее на сайте.

Думаю, недельки Вам хватит «переварить» информацию, испытать и выбрать именно для себя самые нужные расширения Chrome.

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

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

Уже более 8-ми тысяч читателей подписалось — присоединяйтесь! ;)

NoCoin

No Coin — это расширение для браузера, целью которого является блокирование майнеров.

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

Расширение «No Coin» имеет опцию белого списка, поэтому если интересующий вас ресурс использует сервисы Proof of Work Capcha или Shortlinks от CoinHive, то вы сможете продолжить работу с таким сайтом, просто добавив его в белый список в настройках расширения. Самое главное, что благодаря «No Coin» вы теперь не будете необоснованно и неосознанно использовать ресурсы вашего процессора, особенно когда посещаете ресурсы, которые не предупреждают вас об использовании кода веб-майнеров, подобных CoinHive XMR Web miner.

Как это работает?
Расширение просто блокирует список доменов из черного списка в blacklist.txt . Нажатие на значок покажет вам кнопку, чтобы приостановить / отменить Нет монет. Если вам известны какие-либо скрипты или сервисы, которые предоставляют монеты для майнинга в браузере, отправьте PR.

Расширения Google Chrome для ускорения браузера

Пусть первым будет FasterChrome…

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

Авторы утверждают, что с их разработкой ускорение получается в среднем 300 миллисекунд. Некоторым покажется, что это слишком малая величина и игра не стоит свеч, но судя по количеству скачиваний (более 100 000) и по отзывам на специализированных форумах — оно великолепно работает и полностью выполняет свою функцию.

Как писал в самом начале обзора — данное расширение для ускорения браузера начинает работать сразу после установки и не требует никаких настроек (интерфейс отсутствует полностью).

Второе мощное расширение Chrome — Web Boost…

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

Оно также не нуждается в настройках, но имеет информационное окно в котором отображает результаты своей героической деятельности на благо ускорения Google Chrome…

Нам показывают количество типичных блоков сэкономленных на конкретном сайте и общее их число за все время работы расширения. Обе цифры постоянно возрастают — это правильно и нормально.

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

Например, не смог посмотреть статистику сайта в лайвинтернетовском счетчике — отключил функцию на одном их сайте и полет нормальный…

Естественно, эффект от применения Web Boost появится только со временем — при достаточном накоплении типичных блоков в браузере. При интенсивном серфинге это произойдет очень быстро.

Последнее на сегодня полезное расширение — Speed-Up Browsing…

…оно «ускоряет просмотр с течением времени, добавляя отсутствующие заголовки ответа Cache-Control». Это такой специальный код, который каждый вебмастер должен прописывать на сервере для ускорения загрузки страниц своего ресурса.

Если он забыл это сделать или не смог — Speed-Up Browsing сделает за него данную работу на стороне обозревателя.

Как и в предыдущих героях обзора — настройки и какой-либо интерфейс отсутствует.

Awesome Screenshot

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

Основные функции:

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

Расширения Google Chrome для поиска и анализа конкурентов

Similarsites

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

По клику по кнопке внизу списка можно посмотреть больше сайтов схожей тематики на сайте Similarsites

После того как вы собрали конкурентов, спарсите их ключевые слова и объявления в Яндексе и Google с помощью бесплатного инструмента от Click.ru. Как им пользоваться — разобрали здесь.

SimilarWeb

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

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

BuiltWith Technology Profiler

BuiltWith — это буквально рентген для сайтов. Расширение позволяет посмотреть все технологии, которые использовались при разработке сайта — движок, языки программирования и фреймворки, виджеты, Google Tag Manager и т. д. Если зарегистрироваться на сайте BuiltWith, можно получить больше информации — подключенные сервисы аналитики, установленные пиксели, контактные данные, ссылки на соцсети и многое другое.

Информация о подключенных сервисах и пикселях

Если BuiltWith покажется неудобным, для тех же целей можно использовать WhatRuns, PageXray или Wappalyzer.

Data Scraper

Парсит информацию и данные с сайтов и импортирует их в электронные таблицы в форматах XLS, XLSX, CSV. Полезно, когда нужно отслеживать новые товары или изменения цен на сайтах конкурентов. Бесплатно можно сканировать до 500 страниц в месяц, платный тариф начинается от 19 долл. в месяц. Чтобы воспользоваться плагином, нужно зарегистрироваться.

Есть авторизация в один клик через почту Gmail

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

Добавляем кнопку RSS: RSS Feed Reader

По умолчанию в браузере Chrome должна была быть кнопка подписки на ленты RSS, позволяющая отслеживать новые записи в своих любимых блогах и подписываться на новые. Но ее нет. Расширение RSS Feed Reader исправляет эту ошибку, добавляя кнопку в правый верхний угол окна. Поверх кнопки при желании может отображаться количество новых записей. Клик по кнопке позволяет открыть список всех лент, которые вы читаете, а подписку на новую ленту благодаря расширению можно создать одним нажатием на соответствующую кнопку на сайте.

RSS Feed Reader

Также вы можете попробовать другие инструменты для работы с RSS:

  • RSS Subscription Extension — официальное расширение от Google для работы с RSS;
  • The RSS Aggregator — RSS-читалка, как в Opera;
  • feedly Mini — простое расширение для работы с RSS-лентами с ресурса Feed.ly.

Расширения Google Chrome для повышения производительности

RescueTime

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

Краткий обзор RescueTime: https://www.youtube.com/watch?v=yu0hbQgwQA0.

Tomato Clock

Простой плагин для работы по технике Pomodoro — короткими 25-минутными интервалами с 5-минутными перерывами. Длительность рабочих периодов и перерывов можно настраивать, а уведомления помогут не пропустить очередной «помидор».

Интерфейс предельно прост и лаконичен

Block Site

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

При попытке зайти на заблокированный сайт появляется сообщение

Рейтинг
( Пока оценок нет )
Понравилась статья? Поделиться с друзьями:
Техноарена
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: