Google Chrome расширение — фильтр соцсетей / Хабр
Это расширение я написал для себя, столкнувшись с проблемой отсутствия подобной функциональности искаропки. Но тем не менее, считаю, что оно могло бы быть полезным не только мне лично. Желающих подробностей прошу под кат.
С чего вообще возникла эта идея?
Достаточно значительную часть своего времени я провожу в различных соцсетях. Нет, у меня еще осталась личная жизнь (С Саус Парк), но при этом я зарегистрирован и состою во многих форумах, сетях, группах, чатах и т.п. — где по необходимости, а где из-за хобби и для досуга / развлечения. В каждой группе присутствует свой состав участников, и в процессе взаимодействия формируется различное отношение к ним — кого-то хочется добавить в друзья, а кого-то в игнор. При этом интерфейсы различных соцсетей предлагают разный набор возможностей и средств для этого — многие форумы не показывают содержание постов пользователей из черного списка, но показывают их наличие и ответы на них, Телеграм вообще не имеет никаких подобных возможностей, а тот же ВКонтакте позволяет добавить пользователей как в друзья так и в черный список, но логика работы этой функциональности лично меня не устроила.
Далее продолжу применительно к сети ВКонтакте, потому что именно с ней у меня остро возникла необходимость что-то делать. При добавлении пользователя в черный список, блокируется возможность данному пользователю отправлять вам личные сообщения. И, насколько я знаю, это всё. Посты пользователя так же видны во всех группах, на всех страницах, во всех тредах и комментариях, списках лайков и т.п. Более того, визуально этот пользователь никак не отличается от остальных (впрочем, как и пользователи, которые у вас в друзьях). В результате нередко в токсичные группы неприятно заходить, поскольку приходится выискивать нужную и конструктивную информацию среди спама и агрессивных сообщений.
Анализируя различные варианты того, что я могу сделать с этой ситуацией (в конце концов, яжпрограммист), я остановился на идее создания расширения для Chrome.
Во-первых, потому что я редко использую отдельные специализированные приложения для чего-либо, когда есть альтернатива в виде веб-интерфейса.
И во-вторых, альтернативные варианты типа анализа и фильтрации входящего траффика на низком уровне и прочая подобная жесть показалась мне слишком несоразмерной изначальной задаче. А вот идея с браузерным расширением выглядела как то, что надо. Не взирая на то, что я до этого вообще не имел дела с браузерным апи и вообще ни разу не джаваскриптер и даже не фронтендер.
В результате через несколько дней у меня уже было рабочее расширение, полностью решающее мою задачу. Позволю себе упомянуть некоторые технические моменты, возникшие в процессе реализации, и методы их решения. Поанализировав код html страниц, которые отдает ВКонтакте, я выявил критерии, по которым определенные элементы можно отнести к типу «проверяемых на возможное изменение отображения» — это посты, ответы, объявления, элементы списка поставивших лайки и т.
post_1213312431...
другая часть не имела айдишников вообще, зато имела достаточный набор css классов, по которому можно было однозначно идентифицировать эти элементы. Далее, через рекурсивный обход дерева подчиненных элементов в глубину находится первый элемент, содержащий аватар и ссылку на страницу пользователя, содержащую его уникальный айдишник. После этого анализируется, присутствует ли данный айдишник в черном списке, и если да, то ко всему родительскому элементу применяется любое желаемое стилевое оформление — например, в стартовом скрине КПДВ выбрано
opacity = 0.15
исключительно для большей наглядности, в рабочем варианте у меня стоит
display = 'none'.
Далее надо реализовать интерфейс добавления пользователей в черный список. Выше я упомянул как ищется аватарка пользователя с его айдишником, так вот когда элемент аватарки найден, он стилистически оформляется как кнопка (добавляются фон и границы) и вешается листенер на событие клика по нему.
Тут надо упомянуть, что код расширения и код страницы выполняются в разных окружениях, и между собой имеют только достаточно ограниченные варианты взаимодействия (посылка сообщений и т.п.), но доступ к DOM элементам страницы как на чтение так и на запись у расширения есть, поэтому можно легко подменять/назначать свои обработчики событий дополнительно или вместо тех, которые назначены кодом страницы. Подозреваю, что можно сделать более вариантивно, и показывать выпадающий список с действиями по клику на аватар — пререйти настраницу пользователя, добавить его в ЧС или что-то еще, но я выбрал простой вариант — по клику на аватар пользователь сразу добавляется в ЧС 🙂 Если надо перейти на страницу — почти везде рядом с аватарами присутствую текстовые имена-ники пользователей, которые работают как ссылки на их страницы, поэтому никаких ограничений интерфейса не возникает.
Вот скрин того, как это выглядит визуально (при выделении прозрачностью):
Хранение черного списка для простоты реализовано в Local storage, но очевидно, что это вопрос непринципиальный — можно хоть в Global storage хранить, хоть вообще на своем сервере с апи по добавлению/проверке айдишника пользователя.
Ну и на закуску — страница ВКонтакте динамическая, обновляется по вебсокету в том числе без каких-либо активных действий пользователя. Но тут нам на помощь приходит волшебный объект MutationObserver, который автоматически следит за любыми назначенными изменениями страницы и даже предоставляет список добавленных элементов addedNodes. Итого, для расширения достаточно запустить код фильтрации всего контента при загрузке страницы (настраивается в манифесте во время какого события жизненного цикла запускать код) и далее отрабатывать его на всех добавленных элементах, которые любезно предоставит нам MutationObserver.
Вот и всё. Весь кот расширения — один файл в 100 строк. Дешево, сердито и практично! Пользователь, единожды добавленный в черный список, не показывается больше вообще нигде — в любой группе, любом посте, ответе, личных сообщениях, списке поставивших лайки и т.п. где он появляется, расширение тут же назначает ему 
И жить становится легче и приятней 🙂
ЗЫ: кот проекта лежит на отечетсвенном аналоге гитхаба — gitflic.ru/project/ivana/vk-filter потому что сейчас такое дело, что гитхаб/гитлаб в любое время может превратиться в тыкву, да и ВКонтакте тоже отечественный сервис, так что все сходится 🙂 Только проект с кодом не имеет публичный доступ — эта функцинальность пока закрыта для использования на gitflic. Если подскажете удобный отечественный аналог гитхаба с публичными проектами, то возможно перенесу туда. Но выж тоже программисты, а там всего 100 строк кода, и выше имхо я более чем подробно расписал его работу, можете легко реализовать сами при желании 🙂
ЗЗЫ: оставляйте ваш ценный фидбек в комментах, критикуйте. Только вы же поняли, что в описанной выше логике работы расширения я нигде не опирался на апи ВКонтакте (хоть и выбрал его в списке хабов, потому что имхо очень близкая тема), поэтому его очень легко расширить и на Телеграм, и на… в общем, на всё 🙂
7 расширений Chrome для Вконтакте
Время чтение: 4 минуты 2016-01-15
Блокировка порнографии в социальной.
Расширение VK.com Anti-Porn довольно неплохо блокирует контент для взрослых в пределах социальной сете Вконтакте. После установки расширения, группы, публичные страницы, найденные в результатах поиска, перестанут открываться. Достаточно полезное расширение, если есть подозрение, что кто-то из домочадцев не совсем продуктивно проводит свой досуг.
[urlspan]Установить[/urlspan]
Блокировка рекламы ВКонтакте.
Одно из многочисленных расширений блокирующие рекламу Вконтакте. Разработчики расширения уверяют, что их детище уничтожит рекламу везде где она только может быть. Все что нужно сделать – это установить расширения из магазина Chrome и обновить открытые вкладки Вконтакте.
[urlspan]Установить[/urlspan]
Поделиться ссылкой ВКонтакте.
Если вы часто делитесь со своими друзьями, подписчиками информацией найденной на просторах интернета, то это расширение для Вас. Часто бывает так, что на сайте попросту нет кнопки, с помощью которой можно отправить ссылку на свою стену.
После установки расширения на панель браузера появится кнопка, с помощью которой можно поделиться ссылкой на любой сайт.
[urlspan]Установить[/urlspan]
Голосовой ввод для ВКонтакте.
Часто делитесь мыслями на своей странице Вконтакте? Теперь вам не придётся постоянно печатать текст. Установите расширение и в левом верхнем углу поля для набора текста появится иконка «Микрофон». Понажатою на иконку она станет красным цветом, проговорите в микрофон нужную фразу, и она отобразится в текстовом виде на вашем экране. Недостатки в том, что знаки препинания придётся расставлять, используя клавиатуру.
[urlspan]Установить[/urlspan]
MusicSig vkontakte.
Исходя из названия, расширения предназначено для загрузки музыки из соц.сети Вконтакте, но на деле это далеко не так. Расширение имеет достаточно большой функционал, где каждый найдёт для себя что-то полезное. Основные возможности расширения – это загрузка музыки и видео из ВК.
Единственное что непонятно, для чего авторы прикрутили в левой колонке календарь с часами. Чтобы попасть на страницу настроек, нужно перейти в раздел «Мои настройки» и выбрать вкладку «MusicSig»
Скриншот страницы настроек. (Откройте ссылку в новой вкладке)
[urlspan]Установить[/urlspan]
VK Flex.
Расширение «VK Flex» так же как и предыдущие расширение имеет массу настроек. Умеет скачивать музыку, видео из Вконтакте. Отображает Знак зодиака и возраст на странице. В меню слева появится новый пункт «Сократить ссылку». Также само меню теперь будет зафиксировано, что весьма удобно.
Скриншот страницы настроек. (Откройте ссылку в новой вкладке)
[urlspan]Установить[/urlspan]
EmojiPlus.
Простое и забавное расширение. Будет интересное тем, кому нравится выражать свои эмоции, чувства отсылая стикеры в сообщениях. Расширение добавит целую кучу различных стикетов и новых смайлов.
[urlspan]Установить[/urlspan]
Top 10 Best Free Video Downloader Chrome Extensions 2023
Chrome — самый широко используемый и популярный интернет-браузер в мире.
Каждый может воспроизводить видео в Chrome, но не загружать их напрямую. Итак, вы ищете бесплатный онлайн-загрузчик видео для Chrome? В этом руководстве мы представим вам 10 лучших загрузчиков видео для Google Chrome.
Примечание. Расширений Chrome для загрузки видео с YouTube не существует, поскольку YouTube является важной частью служб Google. Начиная с 2014 года Google усилил контроль над загрузчиком видео с YouTube для Chrome. Если вы хотите загружать видео с YouTube, вы можете установить стороннее приложение.
- >> Лучший загрузчик видео для Chrome (10 лучших расширений)
- >> Специальное настольное приложение для простой загрузки любого видео (выбор редакции)
Обзор 10 лучших бесплатных расширений Chrome для загрузки видео
Помимо YouTube, Интернет-магазин Google предлагает значительную коллекцию расширений Chrome для загрузки видео для Facebook, Vimeo, Twitter, VK, Tumblr, Instagram и других платформ потокового видео.
После многих тестов мы наконец выбрали 10, которые могут вам помочь.
#1 Video Downloader professional
Powered by: www.startpage24.com
Пользователей: 300 миллионов +
Рейтинг: 4.5/5.0
Video Downloader professional – один из лучших плагинов для загрузки видео для Chrome. Его значок похож на значок видеоплеера, как только видео будет обнаружено, он превратится в зеленую стрелку.
Этот бесплатный загрузчик видео Google Chrome поддерживает загрузку видео с Vimeo, Facebook, Dailymotion, GoMovies, FMovies, TikTok и т. д. Он хорошо сохраняет видео Vimeo в MP4. Для загрузки будут доступны различные разрешения (включая 240p, 360p, 540p, 720p, 1080p) и размеры. Когда дело доходит до Facebook, выбор не в разрешении, а в разных размерах. Кроме того, вы можете скачать Dailymotion на M3U8 (всего один вариант вывода).
Плюсы:
- Скачать видео Vimeo онлайн в разных разрешениях (лучше всего для Vimeo)
- Захват видео и трансляция на Chromecast
Минусы:
- Добавить рекламу в результаты поиска Google
- Не удается загрузить видео Vimeo в формате 2k или более высокого качества
#2 Flash Video Downloader
Создано: Flashvideosaver.
net
Пользователей: 20 миллионов +
Рейтинг: 4.6/5.0
Flash Video Downloader — это известное расширение Chrome для загрузки видео в формате Flash. Он поддерживает более 50 языков, таких как английский, индонезийский, немецкий, английский, французский, голландский, норвежский, португальский и т. д. Бесплатный загрузчик видео Google Chrome не такой гибкий, как профессиональный загрузчик видео. Для обнаружения видео необходимо обновить веб-страницу, в то время как Video Downloader Professional этого не делает.
Плюсы:
- Оставить все найденные видео и легко удалить
- Скачать Vimeo до 1080p
Минусы:
- Не удается идентифицировать видео с Wistia, Facebook и т. д.
- Просто поймать все маленькие flash-баннеры вместо видео
#3 Video Downloader Plus
Создано: vido.io
Пользователей: 90 миллионов +
Рейтинг: 4.5/5.0
Пользователи высоко оценили Video Downloader Plus, заявив, что это лучшее расширение для загрузки видео для Google Chrome .
Не идеально, но отличная попытка! Он может захватывать видео с большинства веб-сайтов. Обратите внимание на размер файла, так как на странице может быть несколько видео с одинаковым названием. Кроме того, это онлайн-расширение для загрузки видео для Chrome предлагает премиум-сервис, для которого требуется 190,99 $/месяц за скачивание видео.
Плюсы:
- Хорошо работает с наиболее просматриваемым радио в Интернете
- Очень интуитивно понятный
Минусы:
- Месячную подписку просят для скачивания любых видео высокого разрешения
- Видеофайлы, которые они кэшируют, не могут быть правильно названы
#4 Video Downloader от Skyload
Создано: Skyload
Пользователей: 12 миллионов +
Рейтинг: 4.2/5.0
Video Downloader от Skyload — это достойный онлайн-загрузчик видео для Google Chrome, позволяющий легко загружать музыку или видео на страницу. Он работает на множестве веб-сайтов, а также отображает размер и качество файлов.
Хотя этот плагин для загрузки видео в Chrome не рекомендует скачивать порнографические видео, на самом деле он поддерживает сайты для взрослых, такие как youporn, xvideos, xhamster, livjasmin и т. д. игрок
Минусы:
- Не могу синхронизировать видео и звук после паузы
- Содержат всплывающие окна и партнерские встраивания
#5 Video Downloader Pro
Создано: Video Downloader
Пользователей: 150 миллионов +
Рейтинг: 4.3/5.0
Video Downloader Pro — это гибкое расширение для загрузки видео в Google Chrome. Он также поддерживает более 50 языков. Лучший загрузчик видео для Chrome утверждает, что он может загружать видео с любого веб-сайта и сохранять видео в форматах FLV, mp4, AVI, ASF, MPEG и т. д. Я думаю, что это ложная реклама. Он не может загружать видео с YouTube, Facebook, Brightcove и т. д. и может сохранять видео только в формате MP4.
Плюсы:
- Скачать видео с Vimeo, Instagram, Twitter и т.
д. - Немедленное распознавание поддерживаемых видео
д.Минусы:
- Невозможно найти встроенное видео
- Всегда показывать вам «Видео не обнаружено»
#6 Video Downloader Ultimate
Создано: Peta Sittek
Пользователи: 30 миллионов +
Рейтинг: 4.6/5.0
Как идеальный плагин для загрузки видео для Google Chrome, Video Downloader Ultimate выделяется среди конкурентов. Он распознает различные разрешения видео и гарантирует, что вы загрузите все одним щелчком мыши. Кроме того, он позволяет настраивать параметры, выбирая режим всплывающего окна или режим боковой панели, скрыть кнопки управления или показать кнопки управления, светлую тему или темную тему.
Плюсы:
- Простота использования
- Можно выбрать различные разрешения
Минусы:
- Перенаправление на несвязанные сайты, такие как kibergoil.com
- Не всегда работает (можно обновить несколько раз)
#7 Video Downloader для Интернета
Powered by: webdownloader.
net
Пользователи: 30 миллионов +
Рейтинг: 3.9/5.0
Video Downloader для Интернета привлек большое количество пользователей для установки. Есть два способа скачать видео. Первый способ — нажать кнопку «СКАЧАТЬ». Другой способ — нажать «POPUP», чтобы вызвать встроенный видеоплеер, и нажать кнопку загрузки в правом нижнем углу плеера. Но это дополнение Chrome для загрузки видео не совместимо со многими веб-сайтами онлайн-трансляции. Вы всегда можете увидеть, что «Видео не обнаружено на этом сайте».
Плюсы:
- Поддержка встроенного видеоплеера
Минусы:
- Не работает на Reddit, Twitter, Instagram, Pinterest, Vlive, встроенных видео и т. д.
- При загрузке большого видео скорость загрузки снижается (например, с 2 МБ до 50 КБ)
#8 Easy Video Downloader
Создано: Yubi
Пользователей: 16 миллионов +
Рейтинг: 3,6/5,0
Easy Video Downloader, плагин Chrome для загрузки видео, аудио и изображений с веб-страниц , не так просто, как следует из его названия.
По сравнению с другими загрузчиками видео для Chrome, Easy Video Downloader совершенно особенный. Он должен работать как с внутренними, так и с внешними менеджерами загрузки. Когда вы нажимаете «Загрузить», появляется встроенный менеджер загрузок, позволяющий выбрать обнаруженные видео для загрузки.
Плюсы:
- Ускорить процесс загрузки видео
Минусы:
- Скачать видео на многие сегменты
- Не рекомендуется загружать несколько видео с одной страницы
#9 Центр загрузки видео
Создано: Silvestrs Kronvalds
Пользователей: 80 миллионов +
Рейтинг: 4.4/5.0
Центр загрузки видео — это бесплатное расширение для загрузки видео для Chrome, которое часто обновляется. Несмотря на множество 5-звездочных отзывов, они могут быть поддельными комментариями. Некоторые люди говорили, что он может без проблем загружать видеофайлы практически с любого интернет-ресурса. Я попробовал два основных сайта — Dailymotion и Facebook, оба не смогли обнаружить видео.
Плюсы:
- Безвреден для вашего устройства
- Удивительно высокая скорость загрузки
Минусы:
- Иногда после нажатия на значок загрузки ничего не происходит
- Загруженный файл mp4 весил 0 КБ
#10 Top Video Downloader
Создано: Theresa Jackson
Пользователей: 20 миллионов +
Рейтинг: 2.0/5.0
Хотя оценка не очень высока, Top Video Downloader все же стоит попробовать. Это популярный онлайн-загрузчик видео для Chrome, который используется для загрузки обычных видео HTML5 и других источников видео. Он не подскажет вам, было ли идентифицировано видео или нет. Вам нужно нажать на значок, чтобы просмотреть его. Но иногда не будет ответа, когда вы щелкнете по его значку.
Достоинства:
- Потрясающий интерфейс и дизайн
Минусы:
- Не совместим со многими сайтами
- Может не получиться видео
Краткий обзор
Загрузчик видео Расширения Chrome — не самый совершенный инструмент для захвата видео.
Есть много важных функций, которые они не могут сделать:
- Скачать с YouTube
- Загрузка с других популярных платформ для обмена видео (большинство из них могут загружать только видео с Vimeo)
- Не удается загрузить видео 2k, 4k, 5k и 8k
- Просто сохранить загруженное видео в MP4
- Невозможно извлечь аудиофайлы из видео
- Не инструмент для редактирования видео
Загрузите любое видео с более чем 1000 веб-сайтов в Chrome с помощью специального загрузчика видео
Cisdem Video Converter — самое профессиональное и мощное приложение для загрузки видео. Он имеет возможность загружать все виды видео из Chrome, Safari, Firefox и т. д. Благодаря стороннему загрузчику видео Cisdem для Chrome каждый может загружать видео с YouTube, Vimeo, Kaltura, Instagram, Twitch и любого доступного веб-сайта. представлять себе.
Программное обеспечение поддерживает загрузку видео до 8k и пакетную загрузку десяти или более видео без потери качества.
Помимо неограниченной загрузки видео, вы можете конвертировать видео в MP4, MKV, MPEG, MP3, M4V, устройства Apple, телефоны Android, игровые приставки и т. д.
Ниже приведены простые шаги для загрузки и преобразования видео из Chrome. Чтобы узнать больше деталей, см. его полное руководство.
Шаг 1. Загрузите и установите сторонний загрузчик видео Cisdem для Google Chrome.
Бесплатная загрузка Бесплатная загрузка
Шаг 2. Найдите видео, которое вы хотите загрузить из Chrome, и скопируйте его URL.
Шаг 3. Запустите Cisdem Video Converter. Вставьте URL-адрес видео в интерфейс загрузки программного обеспечения. Щелкните значок загрузки.
Шаг 4. Перетащите загруженное видео Chrome в интерфейс «конвертировать». Выберите выходной формат и начните преобразование.
Заключение
Выбор подходящего загрузчика видео для Chrome больше не будет проблемой, как только вы прочитаете обзор выше. Использовать расширение или приложение Chrome для загрузки видео? Это зависит от вашего приоритета.
Для загрузки Vimeo в формате 1080p отлично подойдут надстройки Chrome. Но для сохранения видео на YouTube или видео в формате 4k требуется приложение для загрузки видео в Chrome.
Популярные статьи
6 лучших бесплатных рипперов DVD для Mac 2023 (без водяных знаков) Топ 5 лучших бесплатных конвертеров YouTube в MIDI для ПК и Mac Top 10 Sites for Filmywap Bollywood MP4/MKV Movies DownloadExperts Uncover 350 Browser Extension Variants Used in ABCsoup Adware Campaign
Jul 08, 2022 Ravie Lakshmanan
A malicious browser extension with 350 variants is masquerading as Надстройка Google Translate в рамках рекламной кампании, нацеленной на российских пользователей браузеров Google Chrome, Opera и Mozilla Firefox.
Компания по обеспечению безопасности мобильных устройств Zimperium назвала семейство вредоносных программ ABCsoup , заявив, что «расширения устанавливаются на компьютер жертвы через исполняемый файл на базе Windows, обходя большинство решений для обеспечения безопасности конечных точек, а также элементы управления безопасностью, которые можно найти в официальных магазинах расширений».
Мошеннические надстройки браузера поставляются с тем же идентификатором расширения, что и у Google Translate — «aapbdbdomjkkjkaonfhkkikfgjllcleb» — в попытке заставить пользователей поверить, что они установили законное расширение.
Расширения недоступны в официальных интернет-магазинах браузеров. Скорее они доставляются через разные исполняемые файлы Windows, которые устанавливают надстройку в веб-браузере жертвы.
Если у целевого пользователя уже установлено расширение Google Translate, оно заменяет исходную версию вредоносным вариантом из-за более высоких номеров версий (30.2.5 по сравнению с 2.0.10).
«Кроме того, когда это расширение установлено, Интернет-магазин Chrome предполагает, что это Google Translate, а не вредоносное расширение, поскольку Интернет-магазин проверяет только идентификаторы расширений», — сказал исследователь Zimperium Нипун Гупта.
Все наблюдаемые варианты расширения предназначены для обслуживания всплывающих окон, сбора личной информации для показа целевой рекламы, поиска по отпечаткам пальцев и внедрения вредоносного JavaScript, который в дальнейшем может действовать как шпионское ПО для захвата нажатий клавиш и отслеживания активности веб-браузера.
Основная функция ABCsoup заключается в проверке российских социальных сетей, таких как «Одноклассники» и «ВКонтакте», среди текущих сайтов, открытых в браузере, и, если это так, сборе имени, фамилии, даты рождения и пола пользователей и передаче данные на удаленный сервер.
ВЕБИНАР
Узнайте о скрытых опасностях сторонних приложений SaaS
Знаете ли вы о рисках, связанных с доступом сторонних приложений к приложениям SaaS вашей компании? Присоединяйтесь к нашему вебинару, чтобы узнать о типах предоставляемых разрешений и о том, как минимизировать риски.
ЗАБРОНИРУЙТЕ ВАШЕ МЕСТО
Мало того, что вредоносное ПО использует эту информацию для показа персонализированной рекламы, расширение также имеет возможности для внедрения пользовательского кода JavaScript на основе открытых веб-сайтов. Сюда входят YouTube, Facebook, ASKfm, Mail.ru, Яндекс, Рамблер, Avito, Brainly’s Znanija, Kismia и rollApp, что предполагает сильную направленность на Россию.
