Содержание

Разработка расширений для браузеров Opera, Chrome и Яндекс.Браузер.

Думаете, что вы уже сделали все возможное, чтобы посетители нашли ваш сайт, и даже покупка, подписка, заказ не смогут их разлучить? А как насчет веб-приложения или расширения для браузеров Opera, Chrome и Яндекс? Неважно по каким причинам ваш сайт еще не обзавелся отличным приложением, мы можем его разработать.

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

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

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

  • Универсальность. Одно приложение или расширение на радость пользователям любого из браузеров: Opera, Chrome или Яндекс.
  • Привлекательность. Посетители оценят качественное и удобное приложение, а следовательно, поделятся полезной информацией с друзьями. Популярность вашему сайту обеспечена.
  • Новые горизонты. Теперь о вашем сайте будут узнавать еще и в web-store от Google.
  • Запоминаемость. Пользователи не смогут забыть о вашем сайте, пока пользуются приложением или расширением.

Что нужно для заказа веб-приложения или расширения?

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

  • Техническое задание (ТЗ). В ТЗ необходимо максимально подробно описать весь функционал будущего приложения, задачи, которые решает приложение (и как он их должен решать?) и процесс работы приложения (можно по шагово описать приложения глазами пользователя).
  • Макеты интерфейсов. Если в вашем приложении будет что-то отображаться и/или настраиваться, то вы должны предоставить макеты, в которых это подробно показано.
  • Иконки. Размеры 16*16 и 128*128.

10 полезных инструментов для мелких задач

В интернете я работаю, учусь, покупаю одежду и плачу за ЖКХ.

Полина Калмыкова

прокачала браузер по полной

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

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

Сэкономить деньги

Otsledit

Установить: для Google Chrome, Mozilla Firefox

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

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

Я попросила расширение следить, когда на странице с книгой блок «Ожидается» изменится на «В наличии» — так я смогу не пропустить старт продаж. А еще я слежу за ценой витаминов на iHerb: сейчас они подорожали, поэтому отложу покупку до лучших времен

Сэкономить деньги

Alitools

Установить: для Google Chrome, Opera, Mozilla Firefox

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

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

Как найти одежду по фото: тестируем 7 сервисов

Хороший момент для покупки: перед Новым годом рюкзак стоил на 2,5 $ дороже

Сэкономить деньги

Советник Яндекс. Маркета

Установить: для Google Chrome, Opera, Mozilla Firefox. В «Яндекс.Браузере» установлен по умолчанию

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

Всю информацию «Советник» получает из «Яндекс.Маркета» — можно посмотреть ее и вручную, но с расширением удобнее: потому что «Советник» круглосуточно мониторит, не появилось ли предложение подешевле.

Если навести курсор на строку, можно увидеть больше информации: цены в других магазинах, отзывы покупателей и основные характеристики товара. Все то же, что и в «Яндекс.Маркете», только автоматически

Сэкономить деньги

Cently

Установить: для Google Chrome

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

Расширение работает только с немногими зарубежными магазинами. Но тем, кто часто заказывает на iHerb, Yoox или Victoria’s Secret, оно точно пригодится.

Мюсли и так продавались по акции, но Cently смог снизить цену еще на 16 Р

Сэкономить время

The Great Suspender

Установить: для Google Chrome

Если вы держите открытыми много вкладок одновременно, это может замедлить работу компьютера. The Great Suspender «усыпляет» вкладки, которые пользователь давно не открывал, и они не используют оперативную память устройства. При этом вкладки все еще находятся на виду: когда они потребуются, их просто нужно будет перезагрузить.

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

Время, после которого вкладка «уснет», тоже настраивается: можно выбрать интервал от 20 секунд до двух недель

Сэкономить время

Typio Form Recovery

Установить: для Google Chrome. Для Opera и Mozilla Firefox есть аналоги: Form Filler и Form History Control, а в «Яндекс.Браузере» это встроенная функция

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

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

Сэкономить время

OneTab

Установить: для Google Chrome, Mozilla Firefox

Расширение OneTab тоже экономит память: закрывает все вкладки и оставляет только одну — со списком всех открытых до этого страниц.

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

Искать нужную вкладку проще, когда видишь название страницы полностью

Сэкономить время

StayFocusd

Установить: для Google Chrome

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

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

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

Обезопасить свои данные

LastPass

Установить: для Google Chrome, Opera, Mozilla Firefox

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

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

Обезопасить свои данные

HTTPS Everywhere

Установить: для Google Chrome, Opera, Mozilla Firefox

Адресная строка обычно начинается с одних и тех же наборов букв: «http» или «https». Это обозначения протокола передачи данных: принцип работы и у HTTP, и у HTTPS одинаковый, но первый передает информацию открыто, а второй — в зашифрованном виде.

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

Не заметить, есть ли в адресной строке замочек или какие именно буквы написаны — http или https, проще простого. А вот такой баннер точно не пропустишь

5 полезных расширений Google Chrome для любителей онлайн-шопинга

Aliexpress Shopping Assistant

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

LetyShops CashBack

Даже если вы нашли самую выгодную цену, на покупке можно сэкономить ещё, если воспользоваться кешбэк-сервисами. LetyShops — один из самых популярных. Он работает с более чем 700 магазинами по всему миру и возвращает вам до 30% от стоимости товара. Расширение автоматизирует работу с сервисом и напоминает о кешбэке при посещении интернет-магазинов. Для активации кешбэка во всплывающем окне следует нажать «Активировать кешбэк», и его цвет сменится с красного на зелёный, указывая, что при покупке бонусы автоматически зачислятся на ваш счёт.

Советник Яндекс. Маркета

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

Chrome Currency Converter

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

Track24

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

Создание кроссбраузерного расширения — Mozilla

Введение API расширений браузера создало единый ландшафт для разработки расширений браузера. Однако среди браузеров, использующих API расширений (основными из которых являются Chrome, Firefox, Opera и Edge), существуют различия как в реализации API, так и в сфере охвата. Затем Safari использует собственный проприетарный Safari Extensions JS.

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

В этой статье не обсуждается создание расширений браузера для Safari. Возможно, с помощью расширения Safari можно будет делиться некоторыми ресурсами, такими как изображения и HTML-контент. Однако кодирование JavaScript необходимо выполнять как отдельный проект разработки, если вы не хотите создавать свой собственный полифилл.

Препятствия при кодировании кроссплатформенных расширений

При переходе на кроссплатформенное расширение необходимо учитывать шесть областей:

  • Пространство имен API
  • API асинхронная обработка событий
  • Охват функций API
  • Ключи манифеста
  • Дополнительная упаковка
  • Издательство расширений

Пространство имен API

В четырех основных браузерах используются два пространства имен API:

  • браузер. * , предлагаемый стандарт для API расширений, используемый Firefox и Edge.
  • хром. * используется в Chrome и Opera.

Firefox также поддерживает пространство имен chrome. * для API, совместимых с Chrome, в первую очередь для помощи при переносе. Однако при использовании браузера . * Пространство имен является предпочтительным. Браузер * не только является предлагаемым стандартом, но и использует обещания — современный и удобный механизм для обработки асинхронных событий.

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

API асинхронная обработка событий

В четырех основных браузерах используются два подхода к обработке асинхронных событий:

  • Обещает , предлагаемый стандарт для API расширений, используемый Firefox.
  • Обратные вызовы , используемые Chrome, Edge и Opera.

Firefox также поддерживает обратные вызовы для API, которые поддерживают пространство имен chrome. * . Однако рекомендуется использовать обещания (и пространство имен browser. * ). Обещания были приняты как часть предлагаемого стандарта. Это значительно упрощает асинхронную обработку событий, особенно там, где вам нужно объединить события в цепочку.

API-интерфейс браузера WebExtension Polyfill

Итак, как легко воспользоваться обещаниями, если Firefox — единственный браузер, поддерживающий это? Решение состоит в том, чтобы кодировать для Firefox с помощью обещаний и использовать API-интерфейс браузера WebExtension Polyfill!

Этот полифилл обращается к пространству имен API и асинхронной обработке событий в Firefox, Chrome и Opera.На момент написания (ноябрь 2018 г.) поддержка Edge находилась в стадии разработки.

Чтобы использовать полифилл, установите его в среду разработки с помощью npm или загрузите его прямо из выпусков GitHub.

Затем укажите ссылку browser-polyfill.js в:

  • manifest.json , чтобы сделать его доступным для сценариев фона и содержимого.
  • HTML-документов, таких как browserAction всплывающих окон или вкладок.
  • executeScript Вызов в сценариях динамически вводимого содержимого, загружаемых вкладками .executeScript , где он не был загружен с использованием объявления content_scripts в manifest.json .

Так, например, этот код manifest.json делает полифилл доступным для ваших фоновых скриптов:

 {
 // ...
 "задний план": {
   "скрипты": [
     "browser-polyfill.js",
     "background.js"
   ]
 }
}

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

Существуют и другие варианты полифилла, но на момент написания ни один из них не покрывает возможности Polyfill API браузера WebExtension. Итак, если вы не выбрали Firefox в качестве первого выбора, вы можете принять ограничения альтернативных полифиллов, перенести на Firefox и добавить поддержку кроссбраузерности или разработать свой собственный полифилл.

Охват функций API

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

  1. Отсутствие поддержки всей функции.
    Например, на момент написания Edge не предоставлял поддержку функции конфиденциальности .
  2. Варианты поддержки функций внутри функции.
    Например, на момент написания Firefox не поддерживает метод функции уведомления onButtonClicked , в то время как Firefox — единственный браузер, который поддерживает onShown .
  3. Собственные функции, поддерживающие особенности браузера.
    Например, на момент написания, контейнеры были специфической функцией Firefox, поддерживаемой функцией contextualIdentities .

Подробную информацию о поддержке API-интерфейсов расширений в четырех основных браузерах и Firefox для Android можно найти на странице поддержки API-интерфейсов JavaScript в браузере Mozilla Developer Network. Информация о совместимости браузера также включена в каждую функцию и ее методы, типы и события на справочных страницах по API JavaScript в Mozilla Developer Network.

Обработка различий в API

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

Вместо этого, там, где есть различия между API, вы должны либо предложить альтернативные реализации, либо резервные функции. (Помните: вам также может потребоваться сделать это, чтобы учесть различия в поддержке API между версиями одного и того же браузера . )

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

Следующий код позволяет выполнить проверку во время выполнения:

 if (typeof  === "function") {
   // безопасно использовать функцию
}

Манифест ключей

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

  1. Атрибуты информации о расширении.
    Например, на момент написания Firefox и Opera включают ключ разработчика для получения подробной информации о разработчике, а также об авторе , расширения.
  2. Возможности расширения.
    Например, на момент написания Edge не поддерживал command key, которая позволяет определять сочетания клавиш для расширения.
  3. Ключевые опции.
    Например, на момент написания, ключ автор является обязательным в Edge, но необязательным в других основных браузерах.

Информация о совместимости с браузером включена в каждый ключ на страницах с ключевыми справочными материалами Mozilla Developer Network manifest.json .

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

Дополнительная упаковка

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

  • Firefox, Chrome и Opera используют простой zip-формат, для которого требуется, чтобы файл manifest. json находился в корне zip-пакета.
  • Однако для отправки в магазин Microsoft требуется дополнительная упаковка файла расширения.

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

Расширение издательства

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

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

В таблице ниже приведены подходы и особенности каждого магазина:

Браузер Регистрационный взнос Утилита загрузки Процесс проверки перед публикацией Учетная двухфакторная аутентификация

Firefox

№

web-ext

Автомат, несколько секунд 1

№

Хром

Есть

Есть

Автомат, менее часа

Есть

Opera

№

№

Руководство, SLA не предоставляется

№

Край

Есть

№

Ручной, до 72 часов 2

Есть

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

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

Прочие соображения

Именование внутреннего номера

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

Ни один из других магазинов не применяет ограничений по названию.

Нумерация версий

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

Поделиться контентом

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

Заключение

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

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

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

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

4 расширения браузера для поиска нескольких слов на веб-странице [Chrome, Firefox]

Вам когда-нибудь приходилось искать что-то на веб-странице? Функция поиска (CTRL + F) — это отличное сочетание клавиш и функция в браузерах — скорее всего, вы уже знаете о ней и используете ее.Однако вы ограничены одним словом, так как булевские функции поиска еще не добавлены в браузеры — действительно досадно. Итак, что вы делаете, когда хотите искать несколько слов?

Вам когда-нибудь приходилось искать что-то на веб-странице? Функция поиска (CTRL + F) — это отличное сочетание клавиш и функция в браузерах — скорее всего, вы уже знаете о ней и используете ее.Однако вы ограничены одним словом, так как булевские функции поиска еще не добавлены в браузеры — действительно досадно.

Итак, что вы делаете, когда хотите искать несколько слов? Что ж, то, что вы, вероятно, делаете прямо сейчас, это набираете одно слово, просматриваете результаты и затем вводите следующее слово. Это то, что я сделал и , пока не подумал, что наверняка какой-то разработчик создал что-то для решения этой проблемы. И действительно, когда я пошел искать, я нашел четыре замечательных расширения для браузера, три для Chrome и одно для Firefox, которые решили эту проблему раз и навсегда.

SearchWP [Больше не доступно]

SearchWP , надстройка Firefox, упоминалась ранее на MakeUseOf. работает с использованием существующего поля поиска в верхней части браузера. Каждому слову будет присвоен другой цвет. Вы можете переключить SearchWP, но щелкнув значок «маркер» рядом с полем поиска на изображении. Если вы хотите перейти к определенному слову, просто щелкните его в поле поиска. Если есть несколько экземпляров одного и того же слова, вы можете продолжать щелкать его, чтобы перейти к каждому из них на странице.


Лучшие дополнения для Firefox

Firefox известен своими расширениями.Но какие аддоны самые полезные? Вот те, которые мы считаем лучшими, что они делают и где их найти.

SearchWP не имеет слишком большого количества настроек, но вы можете настроить минимальную длину слов, чтобы они были выделены, и сгруппировать слова в одном меню (на фото ниже)

SearchWP находится не только на странице надстроек Firefox, но и на Google Code. Здесь есть страница How To / FAQ, которая охватывает интересные темы, например, как вы можете изменить цвета выделения.

Если вы поклонник сочетаний клавиш, вы можете управлять SearchWP с помощью следующих сочетаний клавиш:

  • F3 — повторить последний поиск с переходом к слову.
  • F8 — включить / выключить подсветку.
  • SHIFT + щелчок / SHIFT + F3 / средний щелчок / щелчок правой кнопкой мыши — обратный порядок поиска.
  • CTRL + Click / CTRL + F3 — поиск с учетом регистра.

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

Вы можете использовать кнопки Предыдущий и Следующий для перехода к словам на всей веб-странице. Кнопка Exact / Partial определяет, хотите ли вы искать слова в точном порядке их ввода или все слова, разбросанные по странице. Наконец, вы можете переключить расширение Pearls с помощью кнопки Pearl On / Off в правом верхнем углу.

В настоящее время расширение Pearls не работает на веб-сайтах с фреймами, таких как Gmail.

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

Чтобы отобразить панель поиска Multihighlighter, щелкните значок или используйте сочетание клавиш CTRL + SHIFT + A. Чтобы закрыть панель, щелкните «X» или нажмите клавишу выхода [ESC]. Это расширение выглядит довольно простым, но на самом деле у него есть несколько действительно впечатляющих функций, таких как сохранение выделения при печати страницы на бумаге или в PDF. MultiHighlighter активно развивается, и вскоре будут добавлены новые уникальные функции.

Ниже приведены некоторые важные примечания, сделанные со страницы Интернет-магазина Chrome MultiHighlighter:

  • Для поиска доступны только слова из 2 или более символов.
  • В настоящее время поиск без учета регистра.
  • Функция редактирования в настоящее время находится в процессе.
  • Не работает при просмотре PDF-документов в Chrome.

Будьте в курсе, подписавшись на группу, стоящую за этим проектом, в Twitter и Facebook.

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

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

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

  • Быстрое двойное нажатие клавиши ‘F’
  • F2
  • CTRL + ALT + F
  • CTRL + SHIFT + F

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

Заключение

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

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

Изображение предоставлено: поиск с клавиатуры через Shutterstock

Какое приложение лучше всего для прослушивания подкастов на Mac?

Вы можете слушать большую часть подкастов на телефоне, но какие варианты лучше всего подходят для прослушивания на Mac?

Об авторе

Аарон Коуч
(Опубликовано 166 статей)

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

Ещё от Aaron Couch

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

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

Еще один шаг…!

Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.

chrome.browserAction — Google Chrome

Перейти к основному содержанию

  • Хром

    • Расширить браузер

      • Что такое расширения?

        • Начало работы

          • Обзор

            • Формат манифеста
            • Управление событиями
            • Дизайн пользовательского интерфейса
            • Контент-скрипты
            • Объявить разрешения и предупредить пользователей
            • Дайте пользователям возможности

          • Руководство разработчика

            • Достичь максимальной производительности
            • Защитить конфиденциальность пользователей
            • Оставайтесь в безопасности
            • Отладка
            • OAuth
            • Доступность
            • Политика безопасности контента
            • Cross-Origin XHR
            • Интернационализация
            • Сообщение передается
            • Нативный обмен сообщениями
            • Шаблоны совпадений
            • Часто задаваемые вопросы о рекомендациях по обеспечению качества расширений

          • Образцы

            • Помогите

              • FAQ
              • Что нового?
              • Группы Google
              • Переполнение стека
          • Публикация и распространение в Интернет-магазине

            • Обзор распространения

              • Распространение продуктов, созданных для Chrome
              • Что такое Интернет-магазин Chrome?
              • Что можно опубликовать?
              • Учебное пособие: начало работы
              • Образцы

            • Опубликовать расширения

              • Хостинг и обновление
              • Изменения политики хостинга
              • Google Analytics
              • Издательские темы
              • Другие варианты развертывания

            • Монетизация

              • Монетизация вашего приложения
              • Использование учетных записей Google
              • Одноразовые платежи
              • Стоимость

            • Брендинг

              • Руководство по брендингу
              • Поставка изображений

            • Помогите

              • Лучшие Лрактики
              • FAQ
              • Переполнение стека
              • Статьи
          • Мобильный Chrome

            • Chrome для множества устройств

              • Пользовательские агенты
              • Пользовательские вкладки Chrome
              • Мобильная эмуляция
              • Удаленная отладка

            • Chrome для Android

        Зарабатывайте на расширениях браузера

        Дополнительная мастерская

        • Основы расширений

          • Начало работы
          • Сеть разработчиков Mozilla
        • Документация по темам

          • Разработать

            • Инструменты Firefox
            • Пользовательский опыт
            • Firefox для Android
            • Порт на Firefox
            • Тестирование и отладка
            Начало работы
            • Уникальные возможности Firefox
            • Обзор рабочего процесса Firefox
            • Об API WebExtensions
            Кросс-браузерная разработка
            • Совместимость с браузером

              • Пространство имен
              • Асинхронный
              • Покрытие API
              • Ключи манифеста
              • Дополнительная информация
            • Создавайте кросс-браузерные расширения
            Инструменты Firefox
            • Постройте пристройку за 5 минут
            • Инструменты разработки расширений для браузера

              • Boilerplating tools
              • Инструменты для кодирования
              • Инструменты тестирования и отладки
              • Инструменты перевода
              • Инструменты для Firefox для Android
            • Выбор версии Firefox для разработки расширения

              • Редакции Firefox
              • Версия Firefox и возможности разработки их веб-расширений
            • Начало работы с web-ext

              • Установка
              • Использование web-ext
              • См. Также
            • Ссылка на команду web-ext

              • Команды
              • Глобальные опции
              • Установка переменных окружения опций
              • См. Также
            • Плагин Web-ext Webpack
            • Полифил API браузера
            • Расширения и идентификатор надстройки

              • Базовый рабочий процесс без идентификатора надстройки
              • Когда вам нужен идентификатор надстройки?
            Пользовательский опыт
            • Создайте безопасное расширение
            • Запросить необходимые разрешения

              • Введение
              • Рекомендуемые разрешения
              • Избегайте ненужных разрешений
              • Запрос разрешений во время выполнения
              • Добавьте информацию о разрешениях для ваших расширений AMO page
            • Рекомендации по сбору согласия пользователей данных

              • Знайте свои настройки конфиденциальности
              • Приготовьтесь
              • Создать политику конфиденциальности
              • Запрос после установки или при первом использовании
              • Определите поток вашего согласия
              • Диалоги вашего согласия
            • Создайте доступное расширение
            • Пользователи на борту, на борту и вне его

              • На борту
              • Посадка на борт
              • Выезд
            • Лучшие практики взаимодействия с пользователем

              • 1. Сосредоточьтесь
              • 2. Дайте пользователям то, что им нужно, там, где им это нужно
              • 3. Держите пользователя в курсе
              • 4. Внешний вид Firefoxy
              • 5. Отличный опыт работы на борту
              • 6.Проверить, протестировать и снова протестировать
            • Какой отличный контент и дизайн?
            • Создайте привлекательный список

              • Имя вашего дополнения
              • Создайте увлекательный значок
              • Создайте значимый набор ключевых слов
              • Убедитесь, что ваше резюме достаточно длинное
              • Сосредоточьтесь на ключевых особенностях ваших снимков экрана
              • Описание надстройки может быть длиннее, но не слишком длинным
              • Сделать местным
              • Сделать экспериментальным
              • Выберите подходящие платформы и версии
              • Хорошо классифицировать
              • Будьте готовы оказать поддержку
              • Настроить профиль разработчика
              • Используйте понятный язык в любой политике конфиденциальности или лицензионном соглашении
              • Осторожно прошу отзыв
              • Некоторые другие точки
            мобильный
            • Различия между расширениями для ПК и Android

              • Введение
              • Пользовательский интерфейс
              • Взаимодействие с собственными приложениями
              • Разрешения
              • Прочие примечания
            • Руководство пользователя для мобильных расширений

              • Введение
              • Основы
              • Дополнительная миля
              • Последняя миля
            • Разработка расширений для Firefox для Android

              • Настройте свой компьютер и эмулятор Android или устройство
              • Проверьте Firefox на совместимость с Android
              • Установите и запустите расширение в Firefox для Android
              • Отладка вашего расширения
            • Разработка расширений для Firefox для Android (Fennec)

              • Настройте компьютер и эмулятор Android или устройство
              • Настройте компьютер и эмулятор Android или устройство
              • Проверьте Firefox на совместимость с Android
              • Установите и запустите расширение в Firefox для Android
              • Отладка вашего расширения
            • Расширения GeckoView (библиотека Android)
            Порт вашего расширения
            • Тест на совместимость расширений
            • Перенос расширения Google Chrome
            • Перенос устаревшего расширения Firefox

              • Краткое руководство
              • Пути миграции
              • Не видите нужных API WebExtensions?
              • Инструменты
              • Документация
              • Контакт
            • Сравнение с дополнительным SDK

              • Файлы манифеста
              • Постоянные скрипты
              • Скрипты содержимого
              • Элементы пользовательского интерфейса
              • Настройки
              • Интернационализация
              • Инструмент командной строки
              • API JavaScript
            • Сравнение с расширениями XUL / XPCOM

              • Manifest
              • UI
              • Привилегированные API
              • Взаимодействие с веб-контентом
              • Локализация
              • Настройки
            Отладка и тестирование
            • Отладка

              • Набор инструментов инструментов разработчика
              • Отладка фоновых скриптов
              • Страницы параметров отладки
              • Всплывающие окна отладки
              • Отладка скриптов содержимого
              • Отладка боковых панелей
              • Хранилище отладки
              • Отладка страниц и панелей инструментов разработчика
              • Запросы разрешения отладки
              • Отладка браузера перезапускается
            • Временная установка в Firefox

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

              • Что такое идентификатор надстройки?
              • Что такое профиль Firefox?
              • Поведение расширения в Firefox
              • Что мне делать, чтобы проверить свое расширение?
            • Запросы разрешений на тестирование

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

            • Получите подписку на расширение
            • Распространите подписанный добавочный номер
            • Продвигайте расширение
            Политики
            • Дополнительные политики

              • Никаких сюрпризов
              • Содержимое
              • Правила подачи заявок
              • Практика разработки
              • Раскрытие, сбор и управление данными
              • Уязвимости в системе безопасности
              • Монетизация
              • Соответствие и блокировка
            • Соглашение о распространении надстроек Firefox

              • 1. Введение
              • 2. Счета
              • 3. Политика конфиденциальности
              • 4. Распространение, сертификаты и процесс проверки
              • 5. Ваши обязательства
              • 6.Лицензии; права собственности
              • 7. Удаление содержимого
              • 8. Отказ от гарантий
              • 9. Ограничение ответственности
              • 10. Релиз; компенсация
              • 11. Общие юридические условия
            • Процесс блокировки надстроек

              • Security Over Choice
              • Критерии блокировки
              • Программа поддержки разработчиков
              • Запрос блока
              • Блокировка других типов стороннего программного обеспечения
            • Использование сторонних библиотек

              • Когда необходимо предоставлять ссылки на сторонние библиотеки?
              • Как определить ссылку на стороннюю библиотеку
              • Передача ссылок на сторонние библиотеки рецензентам
            • Что означает отказ от обзора для пользователей?

              • Обзор обзора
              • Влияние отказа от проверки
              • Блок-лист
            Знак
            • Обзор подписки и распространения

              • Подпись ваших надстроек
              • Распространение вашего дополнения
              • Дополнительная информация о AMO
            • Упакуйте расширение

              • Windows
              • Mac OSX
              • Терминал Linux / Mac OSX
            Распространить
            • Распространять предварительные версии
            • Размещение надстройки

              • Листинг на AMO
              • Самораспространение
              • Получить помощь
            • Отправка исходного кода

              • Предоставьте исходный код вашего расширения
              • Использование обфусцированного кода
              • Контрольный список исходного кода
            • Дополнительное право собственности

              • Передача права собственности
              • Код споров
            • Учетные записи разработчиков

              • Настройка отображаемого имени
              • Заблокированные аккаунты
            • Самораспространение

              • Варианты самостоятельного распространения
            • Загрузка неопубликованных приложений

              • Подготовка надстройки
              • Установить надстройку из файла
              • Установка с использованием стандартных дополнительных папок
            • Для настольных приложений
            Продвигать
            • Продвижение вашего расширения

              • Продвигайте надстройку со своего веб-сайта
              • Друзья, семья и коллеги
              • События и встречи
              • Текущие пользователи
              • Социальные сети
              • Взаимодействуйте со своими пользователями
              • Создать форум, группу пользователей и т. Д.
              • Взаимодействуйте с блоггерами и СМИ
              • Реклама
            • Программа продвигаемых дополнений
            • Зарабатывайте на расширениях браузера

              • Смогу ли я когда-нибудь продавать через AMO?
              • Чего ты не умеешь
              • Что поделаешь
              • Незапрошенные предложения
              • Как я могу увеличить свой доход?
            • Рекомендуемые расширения

              • Обзор
              • Критерии рекомендуемых расширений
              • Партнерство разработчиков
              • Процесс отбора
          • Управлять

            • Будьте в курсе, когда Firefox изменяет
            • Публикация обновлений расширений
            • Управляйте авторами расширения
            • Продвигайте расширение
            • Удаление вашего расширения из дистрибутива
            ресурс
            • Обновление вашего расширения

              • Включение обновлений вашего расширения
              • Структура манифеста
              • Тестирование автоматического обновления
            • Рекомендации по обновлению вашего расширения
            • Мониторинг статистики использования расширений

              • Доступ к панели статистики
              • Отслеживание внешних источников
              • Пример объявления надстройки
            • Ресурсы для издателей
            • Прекращение действия вашего добавочного номера

              • Причины отзыва вашего добавочного номера
              • Шаги к прекращению использования добавочного номера
              • Предлагаемый график выхода на пенсию
          • Предприятие

            • Разработка расширения вашего предприятия
            • Распространение расширений вашего предприятия
            Корпоративная поддержка
            • Управление надстройками Firefox для предприятия
            • Установите системные дополнения для Firefox для предприятия
            Корпоративные ресурсы
            • Политики предприятия, влияющие на расширения

              • Соответствующие политики
              • Прочие соответствующие политики
            • Распределение предприятия

              • Подпись vs. беззнаковые расширения
              • Боковая загрузка
              • Установка с использованием реестра Windows
              • Настройки Firefox
              • Объединение надстроек с настраиваемым Firefox
          • Темы

            Создание тем
            • Концепции темы
            • Использование генератора тем AMO

              • Начало работы
              • Отправка темы
        • Сообщество

          • Кто является частью сообщества?
          • Связаться с сообществом
          • Присоединяйтесь к сообществу
          Связаться
          • форум сообщества

          • Блог дополнений

          • Переполнение стека

          • Календарь общения

          • Список рассылки разработчиков

          Внесите вклад
          • Возможности участия

          • Подключение к базе кода WebExtensions

          • Руководство по взлому для добавления кода WebExtensions

          • WebExtensions эксперименты

          • Найдите или создайте ошибку

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

        Поиск

        Выберите раздел

        Название страницы

        • Основы расширений

          • Начало работы
          • Сеть разработчиков Mozilla
        • Документация по темам

          • Разработать

            • Инструменты Firefox
            • Пользовательский опыт
            • Firefox для Android
            • Порт на Firefox
            • Тестирование и отладка
            Начало работы
            • Уникальные возможности Firefox
            • Обзор рабочего процесса Firefox
            • Об API WebExtensions
            Кросс-браузерная разработка
            • Совместимость с браузером

              • Пространство имен
              • Асинхронный
              • Покрытие API
              • Ключи манифеста
              • Дополнительная информация
            • Создавайте кросс-браузерные расширения
            Инструменты Firefox
            • Постройте пристройку за 5 минут
            • Инструменты разработки расширений для браузера

              • Boilerplating tools
              • Инструменты для кодирования
              • Инструменты тестирования и отладки
              • Инструменты перевода
              • Инструменты для Firefox для Android
            • Выбор версии Firefox для разработки расширения

              • Редакции Firefox
              • Версия Firefox и возможности разработки их веб-расширений
            • Начало работы с web-ext

              • Установка
              • Использование web-ext
              • См. Также
            • Ссылка на команду web-ext

              • Команды
              • Глобальные опции
              • Установка переменных окружения опций
              • См. Также

        Работает ли расширение для браузера Honey?

        Расширение для браузера Honey существует по крайней мере с 2013 года, но мы регулярно получаем вопросы от читателей, которые спрашивают, действительно ли это (а не мошенничество):

        Надстройка браузера Chrome называется «Дорогая». Предполагается, что на таких сайтах, как Home Depot или Amazon, вы найдете самую низкую цену, когда вы найдете товар, который решите купить.

        — это приложение Мед хороший инструмент для экономии денег или это афера

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

        Разработчики сервиса описали основы расширения и его работу с покупками в Интернете следующим образом:

        Honey — это бесплатное расширение для браузера, которое автоматически находит и применяет коды купонов при оформлении заказа на более чем 30 000 торговых сайтов.Мы также мгновенно находим лучшие цены на Amazon и предлагаем Honey Gold во многих магазинах для наших членов из США. Скоро мы добавим эти функции международным участникам Honey, так что следите за обновлениями!

        После установки Honey вы увидите, что значок Honey в правом верхнем углу станет оранжевым в Chrome, Firefox, Opera и Edge, когда вы находитесь на сайте покупок, который поддерживается Honey.

        Business Insider рассказал о создателе расширения для браузера Honey и вдохновителях этого приложения:

        Более пяти лет назад Райан Хадсон зашел в Интернет, чтобы заказать пиццу — ужин для двоих своих детей, которым тогда было меньше 6 лет.

        Ему очень хотелось получить купон.

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

        «Это отчасти объясняет, почему я думал о купонах, когда покупал эту пиццу», — сказал Хадсон Business Insider. «Я подумал, что, вероятно, есть купон, который мог бы сэкономить мне 1 доллар, и это важно прямо сейчас.”

        В ту ночь, когда дети легли спать, он собрал прототип расширения для браузера, которое могло помочь решить его проблему. В октябре 2012 года предприниматель, прошедший обучение в Массачусетском технологическом институте, вместе с соучредителем Джорджем Руаном использовали этот прототип для создания и запуска Honey, расширения веб-браузера, которое автоматически находит и отображает купоны, когда пользователь совершает покупки в Интернете.

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

        В результате некоторых покупок начисляется бонус в виде баллов под названием «Медовое золото», который можно обменять на суммы в долларах, зачисленные на подарочные карты таких магазинов, как Amazon, Walmart, Target, eBay, Nordstrom и Sephora.

        Возможность экономии и возврата средств в виде подарочных карт вызвала понятные вопросы о том, как разработчики Honey могут позволить себе запускать расширение и компенсировать пользователям определенные покупки. Обеспокоенность по поводу природы Honey и его безопасности возникла в сообщении Reddit об экономии 23 июня 2016 года, когда плакат утверждал, что расширение «отправляет данные о сайтах, которые вы посещаете, на их серверы, прикрепленные к идентификатору сеанса, который может идентифицировать все эти данные. обратно к вам.”

        Вскоре после того, как ветка была опубликована, основатель Джордж Руан обратился к претензиям в комментарии, объяснив, каким образом Honey финансирует как свои операции, так и свои скидки, и отрицая, что пользовательские данные когда-либо продаются или передаются третьим лицам:

        Джордж (основатель Honey) здесь, чтобы пояснить, зачем нам нужны эти данные для того, чтобы делать то, что мы делаем.

        Honey экономит деньги людей двумя способами: 1) автоматически применяя купоны на странице оформления заказа и 2) давая вам дополнительный кэшбэк при каждой покупке.

        Чтобы Honey автоматически применял купоны на странице оформления заказа, нам необходимо знать, на какой странице вы находитесь. Это единственный способ появиться, ТОЛЬКО когда вы находитесь на странице оформления заказа.

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

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

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

        (Политика конфиденциальности Honey изложена здесь.)

        Руан опубликовал отдельный реддит «Спроси меня о чем угодно» на r / IAmA 18 января 2014 года. В центре внимания этой темы была уязвимость любого расширения браузера для использования злоумышленниками. В своем первоначальном посте Руан сказал:

        Я являюсь одним из разработчиков Honey, популярного расширения для Chrome с более чем 700 тысячами пользователей. В течение прошлого года к нам обращались компании, занимающиеся вредоносным ПО, которые пытались купить расширение, компании по сбору данных, которые пытались купить данные пользователей, и компании, занимающиеся рекламным ПО, которые пытались сотрудничать с нами. Мы им всем отказали.

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

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

        • заменить [вашу] новую вкладку по умолчанию, содержимое их поиска
        • заменить существующие ссылки партнерскими ссылками
        • добавлять новые партнерские текстовые ссылки повсюду, которые выглядят так же, как ссылки с двойным подчеркиванием, используемые некоторыми издателями.
        • заменить рекламу в Интернете
        • генерирует фантомный трафик на веб-сайты, которые пользователь никогда не видит (аналогично ботнету)
        • захватывает ВСЕ данные просмотра, включая данные сообщений (многие варианты использования, о которых я мог бы предположить, но не буду здесь подробно рассказывать)

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