← Tutti gli articoli

Tutorial

Come eseguire JavaScript su qualsiasi pagina web — Guida per principianti

16 maggio 2026 · di JustZix Team

A volte un sito web è quasi giusto — vorresti solo che facesse una cosa in più. La soluzione è spesso qualche riga di JavaScript. Questa guida per principianti ti mostra come eseguire JavaScript su qualsiasi pagina web, da una rapida operazione una tantum nella console a una regola che viene eseguita automaticamente ogni volta che visiti, con esempi reali lungo il percorso.

Una rapida nota sulla sicurezza prima di tutto

Il JavaScript che esegui su una pagina ha gli stessi poteri della pagina stessa — può leggere contenuti, cliccare cose e inviare richieste. Quindi la regola è semplice e non negoziabile: esegui solo codice che capisci. Non incollare mai uno script da uno sconosciuto, da un commento o da un video "fai questo trucco" in una console — è esattamente così che funzionano le truffe per il furto di account. Ogni esempio sotto è abbastanza breve da poter essere letto e compreso completamente.

Metodo 1 — la console dei DevTools (una tantum)

Ogni browser include una console JavaScript. Premi F12 e apri la scheda Console. Digita un'espressione, premi Invio, e viene eseguita immediatamente sulla pagina corrente:

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

La console è perfetta per esperimenti e controlli rapidi. Il suo limite: niente persiste. Ricarica la pagina e il tuo codice è sparito — dovresti incollarlo di nuovo ogni singola volta.

Metodo 2 — bookmarklet (salvati, ma manuali)

Un bookmarklet è un segnalibro del browser il cui URL è JavaScript invece di un indirizzo. Clicca il segnalibro e il codice viene eseguito sulla pagina corrente. Appare così:

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

I bookmarklet sono davvero utili e persistono tra le sessioni. Ma hanno limiti reali:

• Vengono eseguiti solo quando li clicchi manualmente — mai automaticamente.
• Tutto deve essere stipato in un solo URL, quindi gli script più lunghi diventano illeggibili in fretta.
• Una Content Security Policy rigorosa su alcuni siti può bloccarli.

Metodo 3 — una regola persistente (automatica)

Per far eseguire JavaScript automaticamente ogni volta che apri una pagina corrispondente, ti serve un'estensione che lo inietti per te. JustZix fa questo con le regole: un pattern di URL più il codice da eseguire. È gratuito, funziona su Chrome (e Edge, Brave, Opera, Vivaldi) e non richiede alcun account.

Guida pratica — una regola che esegue il tuo JS

1. Installa JustZix dalla pagina di download.
2. Apri la pagina che vuoi migliorare.
3. Clicca sull'icona di JustZix e scegli Nuova regola.
4. Imposta un pattern di URL, ad es. https://example.com/*.
5. Apri il pannello JS e incolla il tuo script.
6. Salva. Lo script ora viene eseguito a ogni caricamento di una pagina corrispondente.

Mentre costruisci lo script, la REPL JS Console nella scheda ti permette di testare espressioni sulla pagina dal vivo, e la Output Console a sei schede mostra log, attività di rete ed eventi DataLayer — così non hai bisogno di avere i DevTools aperti allo stesso tempo. Maggiori dettagli nella pagina delle funzionalità.

Esempio 1 — ripulire una pagina rumorosa

Rimuovi gli elementi fissi che ti seguono giù per la pagina:

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

Esempio 2 — cliccare automaticamente un pulsante

Alcuni siti nascondono i contenuti dietro un pulsante "Mostra di più". Cliccalo per te automaticamente:

// 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();

Esempio 3 — aspettare contenuti che si caricano in ritardo

I siti moderni aggiungono contenuti dopo il caricamento iniziale. Un MutationObserver permette al tuo codice di reagire quando l'elemento che vuoi appare finalmente:

// 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 });

Questo pattern è la differenza tra uno script che "a volte funziona" e uno che funziona in modo affidabile — la maggior parte dei bug di tempistica negli script di pagina deriva dall'esecuzione prima che l'elemento esista.

Scegliere il metodo giusto

Debug quando qualcosa non funziona

• Controlla la tempistica. Se l'elemento non c'è ancora, avvolgi il tuo codice in un MutationObserver come sopra.
• Leggi la console. Gli errori puntano direttamente alla riga che ha fallito.
• Testa in piccolo. Esegui pezzi nella REPL prima di salvare l'intero script.
• Limita strettamente l'ambito. Un pattern di URL preciso tiene uno script lontano dalle pagine che romperebbe.

Vedi anche

• Come aggiungere CSS personalizzato a qualsiasi sito web
• Le migliori alternative a Tampermonkey

Vuoi che il tuo JavaScript venga eseguito automaticamente, a ogni visita, senza incollarlo ogni volta? JustZix è gratuito — installalo dalla pagina di download e trasforma il tuo snippet in una regola.