Браузерный плагин для Safari / Chrome
Общее описание
Разработка браузерного расширения для Chrome и Safari, которое позволяет блокировать определенный контент на веб-страницах на основе введенных пользователем ключевых слов.
2. Функционал
Сканирование контента:
- Динамический анализ содержимого веб-страницы во время ее загрузки.
- Обнаружение пользовательских ключевых слов в HTML-элементах (
<div>,<article>,<p>,<span>и т.д.).
Скрытие обнаруженного контента:
- Скрывает или удаляет только те секции страницы, где встречаются заданные ключевые слова.
- Использование CSS (
display: none;) или замена содержимого на заменитель (например, "Этот контент скрыт").
Пользовательские настройки:
- Простой интерфейс в виде страницы настроек.
- Поле ввода для списка ключевых слов (возможность добавлять, редактировать, удалять).
- Кнопка "Сохранить" для подтверждения настроек.
Минимальный UI:
- Иконка в панели браузера.
- Выпадающее меню с переключателем (toggle) для включения/выключения блокировки.
3. Технические требования
- Поддержка браузеров: Google Chrome, Safari (с использованием WebExtensions API и Safari App Extensions).
Основные технологии: - HTML, CSS, JavaScript (React или использование WebExtensions API).
- Storage API для сохранения настроек.
- Content Scripts для анализа страницы и блокировки контента.
- Background Script для управления настройками и статусом.
Безопасность: - Минимальный доступ к сайтам (необходимый для анализа DOM).
- Использование chrome.storage.sync для синхронизации между устройствами.
4. Ожидаемые результаты
- Выполненный плагин для Chrome и Safari.
- Валидация в Chrome Web Store и Apple App Store.
- Базовое тестирование на популярных сайтах.
- Документация для пользователей и инструкции по установке.
Пишите сразу оценку в отзыве и вопросы, которые вас интересуют. Антиспам чек - 123.
блокировать именно весь блок и контент за тегами <div>, <p> и т.д. и который может появляться динамически, то есть возможно заблокировать весь раздел/статью, в которой упоминается ключевое слово
плагин должен работать не только с чистым html, например на Twitter, Reddit или Facebook, которые, возможно, скрывают контент за скриптом или динамическими блоками
нужно скрывать динамические блоки на странице полностью за тегами типа <div> <p> и т.д.
нужно писать код плагина на react + typescript
блокувати саме весь блок і контент за тегами <div>, <p> тощо і який може зʼявлятися динамічно, тобто можливо заблокувати весь розділ/статтю, в якій згадується ключове слово
плагін має працювати не тільки з чистим html, наприклад на Twitter, Reddit чи Facebook які, можливо, приховують контент за скриптом чи динамічними блоками
потрібно скривати динамічні блоки на сторінці повністю за тегами типу <div> <p> тощо
потрібно писати код плагіну на react + typescript
-
254 123
Здравствуйте, у меня есть опыт коммерческой разработки и публикации расширений для Chrome, общая идея задания понятна, есть некоторые вопросы и предложения, буду рад обсудить, пишите.
-
8108 61 0 123
Привет!
У меня есть опыт разработки плагинов для chrome.
Задача полностью понятна. Смогу реализовать без проблем.
-
363 9 0 Меня заинтересовал ваш проект, и я готов помочь с разработкой браузерного расширения для Chrome и Safari. Я предлагаю следующее:
Разработаю функционал для блокировки контента на основе введенных пользователем ключевых слов. Это будет динамический анализ страниц, где расширение будет искать указанные слова в HTML-элементах и скрывать или заменять их на текст типа "Этот контент скрыт". Также сделаю простой интерфейс для настроек с возможностью добавлять, редактировать и удалять ключевые слова. Интерфейс будет содержать кнопку "Сохранить" и иконку на панели браузера с возможностью включить или выключить блокировку.
Для этого буду использовать WebExtensions API и Storage API для сохранения настроек, а также Content Scripts для анализа страницы. После разработки протестирую расширение на популярных сайтах, а также помогу с валидацией в Chrome Web Store и Apple App Store.
Ориентировочная стоимость проекта — 10,000-15,000 грн, а срок выполнения — 10-15 дней, в зависимости от деталей.
Вопрос: есть ли какие-то особые сайты или дополнительные требования для расширения? Если вас устраивает моя оценка, давайте обсудим детали!
-
643 4 0 123.
Добрый день, меня зовут Роман, у меня есть опыт разработки плагинов для всех вышеупомянутых браузеров.
Готов приступить к выполнению вашего задания.
-
188 123
Привет! Мы можем начать прямо сейчас.
Задача полностью понятна!
Напишите, чтобы обсудить Ваш проект!
-
Здравствуйте, есть опыт в создании комплексных chrome расширений, под разные задачи. Можете предоставить макет минимального UI? Остальные части проекта модем обсудить в личных сообщениях. Буду рада сотрудничеству.
Актуальные фриланс-проекты в категории Javascript и Typescript
Ищу опытного Full Stack разработчика для создания SaaS-сервиса для интернет-магазинов.Идея сервиса: Клиент загружает ссылку на свой товарный фид (XML или CSV). Сервис автоматически получает товары, берет их фотографии и создает новые рекламные изображения по готовым шаблонам: цена, скидка, логотип, акционные плашки и т.д. Также в сервисе должен быть простой… Javascript и Typescript, Веб-программирование ∙ 19 часов 27 минут назад ∙ 69 ставок |
Разработка WebGL/Three.js сцены с генерацией и экспортом 3D (snapshot) из анимированного шейдераОписание объекта:Проект представляет собой дизайнерский стол, выполненный в форме реалистичного, глубокого водоворота (центральная воронка, которая плавно переходит из широкой горизонтальной столешницы в тонкую изящную ножку). Суть задачи:Требуется WebGL / Creative Coding… Javascript и Typescript, Веб-программирование ∙ 1 день 16 часов назад ∙ 27 ставок |
Поддержка и развитие сайта клининговой компании
906 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 3 дня 17 часов назад ∙ 63 ставки |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 4 дня 18 часов назад ∙ 27 ставок |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 6 дней 9 часов назад ∙ 36 ставок |