← Wszystkie wpisy

Poradniki

Jak uruchomić JavaScript na każdej stronie — poradnik dla początkujących

16 maja 2026 · autor JustZix Team

Czasem strona jest prawie dobra — szkoda tylko, że nie robi jednej dodatkowej rzeczy. Rozwiązaniem jest często kilka linii JavaScriptu. Ten poradnik dla początkujących pokazuje, jak uruchomić JavaScript na każdej stronie, od szybkiego, jednorazowego użycia w konsoli po regułę, która uruchamia się automatycznie przy każdej wizycie, z prawdziwymi przykładami po drodze.

Szybka uwaga o bezpieczeństwie zanim cokolwiek innego

JavaScript, który uruchamiasz na stronie, ma te same możliwości co sama strona — może czytać treść, klikać rzeczy i wysyłać zapytania. Zasada jest więc prosta i bezdyskusyjna: uruchamiaj tylko kod, który rozumiesz. Nigdy nie wklejaj do konsoli skryptu od nieznajomego, z komentarza ani z filmiku „zrób ten trik" — dokładnie tak działają oszustwa kradzieży kont. Każdy poniższy przykład jest na tyle krótki, że da się go w całości przeczytać i zrozumieć.

Metoda 1 — konsola DevTools (jednorazowo)

Każda przeglądarka ma konsolę JavaScript. Naciśnij F12 i otwórz zakładkę Konsola. Wpisz wyrażenie, naciśnij Enter, a uruchomi się ono natychmiast na bieżącej stronie:

// Count every link on the page
document.querySelectorAll('a').length

Konsola świetnie nadaje się do eksperymentów i szybkich sprawdzeń. Jej ograniczenie: nic nie zostaje. Przeładuj stronę, a Twój kod zniknął — musiałbyś go wklejać za każdym razem od nowa.

Metoda 2 — bookmarklety (zapisane, ale ręczne)

Bookmarklet to zakładka przeglądarki, której adres URL jest JavaScriptem zamiast adresem. Klikasz zakładkę, a kod uruchamia się na bieżącej stronie. Wygląda tak:

javascript:(function(){
  document.body.style.fontFamily = 'Georgia, serif';
})();

Bookmarklety są naprawdę przydatne i utrzymują się między sesjami. Ale mają realne ograniczenia:

• Uruchamiają się tylko, gdy ręcznie je klikniesz — nigdy automatycznie.
• Wszystko trzeba upchnąć w jednym adresie URL, więc dłuższe skrypty szybko stają się nieczytelne.
• Restrykcyjna Content Security Policy na niektórych stronach może je zablokować.

Metoda 3 — trwała reguła (automatycznie)

Aby JavaScript uruchamiał się automatycznie za każdym razem, gdy otworzysz pasującą stronę, potrzebujesz rozszerzenia, które wstrzykuje go za Ciebie. JustZix robi to za pomocą reguł: wzorzec URL plus kod do uruchomienia. Jest darmowy, działa w Chrome (oraz Edge, Brave, Opera, Vivaldi) i nie wymaga konta.

Instrukcja — reguła, która uruchamia Twój JS

1. Zainstaluj JustZix ze strony pobierania.
2. Otwórz stronę, którą chcesz ulepszyć.
3. Kliknij ikonę JustZix i wybierz Nowa reguła.
4. Ustaw wzorzec URL, np. https://example.com/*.
5. Otwórz panel JS i wklej swój skrypt.
6. Zapisz. Skrypt uruchamia się teraz przy każdym wczytaniu pasującej strony.

Gdy budujesz skrypt, REPL konsoli JS w karcie pozwala testować wyrażenia na żywej stronie, a sześciozakładkowa Konsola wyjścia pokazuje logi, aktywność sieciową i zdarzenia DataLayer — dzięki czemu nie musisz mieć jednocześnie otwartego DevTools. Więcej na stronie funkcji.

Przykład 1 — uporządkuj zaśmieconą stronę

Usuń przyklejone elementy, które wędrują z Tobą w dół strony:

// Remove sticky headers and floating widgets
document.querySelectorAll('*').forEach(el => {
  const pos = getComputedStyle(el).position;
  if (pos === 'fixed' || pos === 'sticky') {
    el.style.position = 'static';
  }
});

Przykład 2 — automatycznie kliknij przycisk

Niektóre strony chowają treść za przyciskiem „Pokaż więcej". Kliknij go za siebie automatycznie:

// Click the first "Show more" button on load
const btn = [...document.querySelectorAll('button')]
  .find(b => /show more|read more/i.test(b.textContent));
if (btn) btn.click();

Przykład 3 — poczekaj na treść, która ładuje się późno

Nowoczesne strony dodają treść po początkowym wczytaniu. MutationObserver pozwala Twojemu kodowi zareagować, gdy element, którego chcesz, w końcu się pojawi:

// Run once the target element shows up
const observer = new MutationObserver(() => {
  const target = document.querySelector('.comments-section');
  if (target) {
    target.scrollIntoView();
    observer.disconnect();
  }
});
observer.observe(document.body, { childList: true, subtree: true });

Ten wzorzec to różnica między skryptem, który „czasem działa", a takim, który działa niezawodnie — większość błędów czasowych w skryptach stron bierze się z uruchamiania, zanim element istnieje.

Wybór właściwej metody

Debugowanie, gdy coś nie działa

• Sprawdź czas. Jeśli elementu jeszcze nie ma, opakuj swój kod w MutationObserver, jak powyżej.
• Czytaj konsolę. Błędy wskazują wprost na linię, która zawiodła.
• Testuj na małym. Uruchamiaj fragmenty w REPL przed zapisaniem całego skryptu.
• Zawężaj precyzyjnie. Dokładny wzorzec URL trzyma skrypt z dala od stron, które by zepsuł.

Zobacz także

• Jak dodać własny CSS do każdej strony
• Najlepsze alternatywy dla Tampermonkey

Chcesz, by Twój JavaScript uruchamiał się automatycznie, przy każdej wizycie, bez wklejania go za każdym razem? JustZix jest darmowy — zainstaluj go ze strony pobierania i zamień swój fragment kodu w regułę.