Wtyczka przeglądarkowa dla Safari / Chrome
Ogólny opis
Opracowanie rozszerzenia przeglądarki dla Chrome i Safari, które pozwala na blokowanie określonej treści na stronach internetowych na podstawie wprowadzonych przez użytkownika słów kluczowych.
2. Funkcjonalność
Skanowanie treści:
- Dynamiczna analiza zawartości strony internetowej podczas jej ładowania.
- Wykrywanie użytkowniczych słów kluczowych w elementach HTML (
<div>,<article>,<p>,<span>itp.).
Ukrywanie wykrytej treści:
- Ukrywa lub usuwa tylko te sekcje strony, w których występują podane słowa kluczowe.
- Użycie CSS (
display: none;) lub zastąpienie zawartości zamiennikiem (np. "Ta treść jest ukryta").
Ustawienia użytkownika:
- Prosty interfejs w postaci strony ustawień.
- Pole wprowadzania dla listy słów kluczowych (możliwość dodawania, edytowania, usuwania).
- Przycisk "Zapisz" do potwierdzenia ustawień.
Minimalny UI:
- Ikona na pasku przeglądarki.
- Menu rozwijane z przełącznikiem (toggle) do włączania/wyłączania blokowania.
3. Wymagania techniczne
- Wsparcie przeglądarek: Google Chrome, Safari (z użyciem WebExtensions API oraz Safari App Extensions).
Główne technologie: - HTML, CSS, JavaScript (React lub użycie WebExtensions API).
- Storage API do przechowywania ustawień.
- Content Scripts do analizy strony i blokowania treści.
- Background Script do zarządzania ustawieniami i statusem.
Bezpieczeństwo: - Minimalny dostęp do stron (niezbędny do analizy DOM).
- Użycie chrome.storage.sync do synchronizacji między urządzeniami.
4. Oczekiwane wyniki
- Wykonany plugin dla Chrome i Safari.
- Walidacja w Chrome Web Store i Apple App Store.
- Podstawowe testowanie na popularnych stronach.
- Dokumentacja dla użytkowników oraz instrukcje instalacji.
Piszcie od razu ocenę w opinii oraz pytania, które Was interesują. Antyspamowy kod - 123.
blokować cały blok i treść za tagami <div>, <p> itp. i który może pojawiać się dynamicznie, to znaczy można zablokować cały dział/artykuł, w którym wspomniano słowo kluczowe
wtyczka ma działać nie tylko z czystym html, na przykład na Twitterze, Reddit czy Facebooku, które mogą ukrywać treść za skryptami lub dynamicznymi blokami
należy ukrywać dynamiczne bloki na stronie całkowicie za tagami typu <div> <p> itp.
należy napisać kod wtyczki w react + typescript
блокувати саме весь блок і контент за тегами <div>, <p> тощо і який може зʼявлятися динамічно, тобто можливо заблокувати весь розділ/статтю, в якій згадується ключове слово
плагін має працювати не тільки з чистим html, наприклад на Twitter, Reddit чи Facebook які, можливо, приховують контент за скриптом чи динамічними блоками
потрібно скривати динамічні блоки на сторінці повністю за тегами типу <div> <p> тощо
потрібно писати код плагіну на react + typescript
-
254 123
Witaj, mam doświadczenie w komercyjnej rozwijaniu i publikowaniu rozszerzeń dla Chrome, ogólna idea zadania jest zrozumiała, mam kilka pytań i propozycji, chętnie omówię, pisz.
-
8108 61 0 123
Cześć!
Mam doświadczenie w tworzeniu wtyczek do chrome.
Zadanie jest całkowicie zrozumiałe. Będę w stanie je zrealizować bez problemu.
-
363 9 0 Zainteresował mnie Twój projekt i jestem gotów pomóc w opracowaniu rozszerzenia przeglądarki dla Chrome i Safari. Proponuję następujące:
Opracuję funkcjonalność do blokowania treści na podstawie wprowadzonych przez użytkownika słów kluczowych. Będzie to dynamiczna analiza stron, gdzie rozszerzenie będzie wyszukiwać wskazane słowa w elementach HTML i ukrywać je lub zastępować tekstem typu "Ta treść jest ukryta". Stworzę również prosty interfejs do ustawień z możliwością dodawania, edytowania i usuwania słów kluczowych. Interfejs będzie zawierał przycisk "Zapisz" oraz ikonę na pasku przeglądarki z możliwością włączenia lub wyłączenia blokowania.
Do tego wykorzystam WebExtensions API oraz Storage API do przechowywania ustawień, a także Content Scripts do analizy strony. Po opracowaniu przetestuję rozszerzenie na popularnych stronach, a także pomogę w walidacji w Chrome Web Store i Apple App Store.
Orientacyjny koszt projektu to 10,000-15,000 zł, a czas realizacji to 10-15 dni, w zależności od szczegółów.
Pytanie: czy są jakieś szczególne strony lub dodatkowe wymagania dla rozszerzenia? Jeśli moja wycena Ci odpowiada, porozmawiajmy o szczegółach!
-
619 4 0 123.
Dzień dobry, nazywam się Roman, mam doświadczenie w tworzeniu wtyczek dla wszystkich wymienionych przeglądarek.
Jestem gotów przystąpić do realizacji twojego zadania.
-
188 123
Cześć! Możemy zacząć od razu.
Zadanie jest całkowicie zrozumiałe!
Napisz, aby omówić Twój projekt!
-
Cześć, mam doświadczenie w tworzeniu kompleksowych rozszerzeń chrome do różnych zadań. Czy możesz dostarczyć szkic minimalnego UI? Pozostałe części projektu możemy omówić w wiadomościach prywatnych. Będę zadowolona ze współpracy.
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Szukam doświadczonego programisty Full Stack do stworzenia usługi SaaS dla sklepów internetowych.Pomysł usługi: Klient przesyła link do swojego pliku produktowego (XML lub CSV). Usługa automatycznie pobiera produkty, pobiera ich zdjęcia i tworzy nowe reklamy na podstawie gotowych szablonów: cena, zniżka, logo, banery promocyjne itp. Usługa powinna również zawierać prosty… Javascript & Typescript, Programowanie stron internetowych ∙ 2 dni 20 godzin temu ∙ 86 ofert |
Rozwój sceny WebGL/Three.js z generowaniem i eksportem 3D (snapshot) z animowanego shaderaOpis obiektu: Projekt przedstawia designerski stół, wykonany w formie realistycznego, głębokiego wiru (centralna wirówka, która płynnie przechodzi z szerokiego poziomego blatu w cienką, elegancką nogę). Istota zadania: Wymagany jest programista WebGL / Creative Coding do… Javascript & Typescript, Programowanie stron internetowych ∙ 3 dni 17 godzin temu ∙ 30 ofert |
Wsparcie i rozwój strony internetowej firmy sprzątającej
75 PLN
Szukam programisty / webmastera do długoterminowego wsparcia i rozwoju strony internetowej firmy sprzątającej. Strona: https://donely.ca O projekcie DoneLy Home Services — firma świadcząca usługi sprzątania w Kanadzie, która aktywnie się rozwija i rozszerza zasięg działalności.… Javascript & Typescript, Programowanie stron internetowych ∙ 5 dni 18 godzin temu ∙ 64 oferty |
Opracowanie strony internetowej według specyfikacji na FramerTrzeba zrobić stronę według tych parametrów, które są w specyfikacji https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Podajcie rzeczywistą stawkę na podstawie tego projektu Układ HTML i CSS, Javascript & Typescript ∙ 6 dni 20 godzin temu ∙ 30 ofert |
Opracowanie interaktywnej mapy Palworld dla strony internetowejPotrzebna jest interaktywna mapa Palworld na wzór: https://palworld.gg/map Potrzebujemy nie tylko statycznego obrazka, ale pełnoprawnej interaktywnej mapy, na której użytkownik może przeglądać lokalizacje, włączać/wyłączać kategorie obiektów, wyszukiwać potrzebne punkty i… Układ HTML i CSS, Javascript & Typescript ∙ 8 dni 10 godzin temu ∙ 36 ofert |