Jak działa JustZix

Sześć kroków od zera do zsynchronizowanej, udostępnianej kolekcji reguł CSS/JS.

1

Krok 1 — Instalacja w trybie deweloperskim

JustZix jest jeszcze przed publikacją w Chrome Web Store, ale aktualną wersję możesz pobrać i zainstalować ręcznie w 2 minuty. Tryb deweloperski Chrome pozwala wczytać dowolne rozszerzenie z folderu na dysku — to standardowy mechanizm, używany przez programistów. Plik nie zostanie usunięty po restarcie przeglądarki.

  1. Pobierz paczkę ZIP ze strony pobierania.
  2. Rozpakuj — w środku znajdziesz folder justzix/.
  3. W Chrome otwórz adres chrome://extensions/.
  4. Włącz „Tryb deweloperski" przełącznikiem w prawym górnym rogu.
  5. Kliknij „Wczytaj rozpakowane rozszerzenie" i wskaż folder justzix/.

2

Krok 2 — Pierwsza reguła

Otwórz stronę, na której chcesz coś zmienić. Kliknij ikonę JustZix. Wybierz „Nowa reguła", podaj wzorzec URL (domyślnie wypełni się aktualną stroną) i wpisz kod CSS lub JavaScript.

Przykład — ukryj wszystkie banery cookies:

[id*="cookie"], [class*="cookie-banner"], [class*="cookie-consent"] {
  display: none !important;
}
3

Krok 3 — Pierwsza reguła JavaScript

Poza CSS możesz uruchamiać własny JavaScript na pasujących stronach. Otwórz widok reguły i kliknij zakładkę JavaScript. Kod wykonuje się raz na życie strony, w kontekście strony (dostęp do window, DOM, fetch, etc.).

Przykład — auto-klikaj „Akceptuj" w cookie bannerach:

let proby = 0;
const id = setInterval(() => {
  if (++proby > 20) return clearInterval(id);
  const btn = [...document.querySelectorAll('button, a')]
    .find(b => /akceptuj|accept all/i.test(b.textContent));
  if (btn) { btn.click(); clearInterval(id); }
}, 500);
4

Krok 4 — Przycisk akcji (toolbar)

Włącz „Panel akcji" na katalogu, potem w zakładce Akcje reguły dodaj przycisk. Każdy ma etykietę 4-znakową, kolor i uruchamia custom JS po kliku — idealne do powtarzanych zadań typu „uzupełnij dane testowe" czy „wyczyść formularz".

Przykładowa akcja — wyczyść wszystkie pola formularza:

// Akcja 'CLR' (czerwona, 1 klik czyści formularz)
document.querySelectorAll('input, textarea, select')
  .forEach(el => {
    if (el.type === 'hidden') return;
    if (el.type === 'checkbox' || el.type === 'radio')
      el.checked = false;
    else el.value = '';
    el.dispatchEvent(
      new Event('change', { bubbles: true })
    );
  });
5

Krok 5 — Synchronizacja między urządzeniami

W ustawieniach wtyczki kliknij „Włącz synchronizację". Wtyczka wygeneruje 25-znakowy klucz w formacie SYNC-XXXXX-XXXXX-XXXXX-XXXXX-XXXXX. Zapisz go w bezpiecznym miejscu (menedżer haseł). Na drugim urządzeniu wpisz ten sam klucz — wszystkie reguły zsynchronizują się automatycznie.

6

Krok 6 — Udostępnianie po linku

Każdy katalog, grupa czy reguła ma przycisk „📤 Udostępnij URL". Wybierasz czas życia (1h / 6h / 12h / 24h / 48h) i dostajesz krótki link justzix.com/s/JZS-XXXX-XXXX-XXXX-XXXX. Wyślij go odbiorcy — kliknie, zobaczy podgląd i zaimportuje jednym kliknięciem.

Gotowy?

Pobierz JustZix za darmo, zainstaluj w 2 minuty, wklej pierwszy snippet. Bez konta, bez płatności, bez czekania na Chrome Web Store.

Pobierz za darmo Przeglądaj przykłady