Полезный гаджет Chrome: xTrace

JavaScript Chrome
Полезный гаджет Chrome: xTrace

Сложность: легко

предисловие

Когда мы просматриваем веб-страницы в Интернете, нас часто собирают и управляют веб-сайты. Нет проблем с самим поведением сбора, но некоторым веб-сайтам часто нужно нажать «загрузить приложение, чтобы узнать больше» или «подписаться на блоггера» в чтобы привлечь трафик на мобильный терминал или привлечь регистрацию. Читать полный текст "Такое интерактивное поведение сильно влияет на читательский опыт. Например, 🌰:

Я думаю, что пример на картинке выше часто встречается у многих студентов. Это очень плохо с точки зрения читательского опыта. Это прерывает процесс нашей повседневной работы, прерывает наши идеи развития и тратит наше время. Это недопустимо. из этого я разрабатываю подключаемый модуль для Chrome - xTrace, чтобы блокировать их, основной принцип заключается в использовании этих сообщений в блоге для SEO, страница в основном представляет собой рендеринг SSR, а функция блокировки части контента в основном реализуется через интерфейсный js-скрипт, поэтому до тех пор, пока блокировка Скрипт может быть выполнен.

Давайте посмотрим, как используется xTrace?

xTrace

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

Как установить

Способ 1: онлайн-установкаПользователи могут установить его онлайн через Интернет-магазин Chrome, здесьПрямая ссылка

Этот плагин можно получить автоматически с помощью онлайн-установки (xTrace) обновление функции, кроме того, скорость расширения обзора Chrome в последнее время слишком низкая, для прохождения потребовалась целая неделя!

Способ 2: автономная установка

  1. скачатьИсходный код на гитхабена локальный компьютер пользователя
  2. Откройте Chrome, войдите в интерфейс управления расширениями, откройте开发者模式
  3. нажмите加载已解压的扩展程序, выберите в исходном кодеsrcкаталог и загрузить
  4. Успешная установка

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

инструкции

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

xTraceВстроены следующие правила блокировки:

://hm.baidu.com/
://www.google-analytics.com/
://www.googletagmanager.com/
://my.openwrite.cn/
://pagead2.googlesyndication.com/
://adservice.google.com
://csdnimg.cn/release/blogv2/dist/pc/js/detail

Блокирующий эффект:

пример перехвата

Откройте следующую ссылку:

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

во время установкиxTraceПосле расширения можем прочитать полный текст, скриншот такой:

Дополнительные функции

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

Гармоничное общество мы с вами строим вместе!

Более

Установка источника подключаемого модуля Chrome / автономная установка

  1. Из-за существования GFW в Китае, если нет лестницы, вы можете выбрать только автономный режим для установки плагина Chrome. Вот метод автономной установки (похоже, это единственный метод в настоящее время)
  2. Найдите внутренний зеркальный сайт подключаемого модуля Chrome, загрузите автономный пакет crx, если вы не можете найти зеркало, вы можете обратиться к справочной ссылке в конце статьи.
  3. Файлы расширения crx последней версии Chrome (после 67) нельзя установить путем перетаскивания напрямую.Вы можете установить исходный код после распаковки или открыть режим разработчика.
  4. Измените расширение файла crx на zip под Mac. Распаковка двойным щелчком не поддерживается. Вы можете выполнить команду в терминале.unzip xxx.crx -d xxxЗавершите распаковку, чтобы получить исходный код
  5. Под Windows вы можете напрямую извлечь crx с помощью инструмента 7zip, чтобы получить исходный код установочного пакета.
  6. Получив исходный код, откройте Chrome и введите в адресной строкеchrome://extensions/, на开发者模式, нажмите加载已解压的扩展程序кнопку, загрузите исходный каталог, чтобы завершить установку 👏

Ссылаться на

Быстрый старт для разработки плагинов Chrome:zhuanlan.zhihu.com/p/28889449

Официальные документы по разработке подключаемого модуля Chrome:developer.chrome.com/extensions

Внутренний зеркальный сайт подключаемого модуля Chrome:pictureknow.com/extensions