← Tutti gli articoli

Guide

Migrare da Tampermonkey o Greasemonkey a JustZix

Se hai convissuto con Tampermonkey o Greasemonkey, capisci già l'idea di base: eseguire il tuo codice sul sito di qualcun altro. JustZix mantiene quel potere ma lo rimodella attorno a regole abbinate per URL — unità CSS o JS piccole, limitate e attivabili individualmente. Questa guida mappa il modello degli userscript su JustZix e mostra dove ciascuno strumento eccelle.

Il modello mentale: script contro regole

Un userscript è un file con un'intestazione di metadati. JustZix divide lo stesso lavoro in due cose: una corrispondenza URL (dove viene eseguito) e un payload (CSS o JS). Il blocco di metadati che scrivevi diventa un campo nell'editor di regole.

Il cambiamento più grande: in JustZix, il CSS è di prima classe. Tutto ciò che facevi con GM_addStyle diventa una pura regola CSS che è più veloce, più sicura e più facile da leggere.

Portare uno userscript di solo CSS

Molti userscript esistono solo per iniettare un foglio di stile. Eccone uno tipico:

// ==UserScript==
// @name    Hide YouTube Shorts
// @match   *://*.youtube.com/*
// ==/UserScript==
GM_addStyle(`
  ytd-reel-shelf-renderer { display: none !important; }
`);

In JustZix questo si riduce a una regola CSS. Corrispondenza URL: *://*.youtube.com/*. Payload:

ytd-reel-shelf-renderer { display: none !important; }

Questa è l'intera migrazione. Nessun involucro, nessun GM_addStyle, nessun commento di metadati — l'editor di regole tiene la corrispondenza per te.

Portare uno userscript di manipolazione del DOM

Gli script che cambiano la pagina a runtime diventano regole JS. Il corpo dello script di solito si porta alla lettera; basta eliminare l'intestazione di metadati. Uno userscript che aspetta un elemento:

// ==UserScript==
// @name    Auto-expand comments
// @match   *://example.com/*
// @run-at  document-end
// ==/UserScript==
(function () {
  const btn = document.querySelector('.show-comments');
  if (btn) btn.click();
})();

Diventa una regola JS JustZix con corrispondenza *://example.com/* e payload:

const btn = document.querySelector('.show-comments');
if (btn) btn.click();

Per le app a pagina singola, lo stesso schema che usavi negli userscript si applica ancora — osserva il DOM anziché assumere un singolo caricamento:

function run() {
  const btn = document.querySelector('.show-comments');
  if (btn && !btn.dataset.done) {
    btn.dataset.done = '1';
    btn.click();
  }
}
run();
new MutationObserver(run).observe(document.body, {
  childList: true, subtree: true
});

Cosa non si porta direttamente

JustZix esegue il tuo JS nel contesto della pagina con le API web standard. Gli extra dei gestori di userscript richiedono un ripensamento:

Questa è la onesta linea di demarcazione qui sotto.

Quando usare quale

JustZix è la scelta migliore quando il tuo obiettivo è ritoccare l'aspetto e il comportamento dei siti: nascondere il disordine, ridare stile, piccole scorciatoie di UX, automazione limitata. Il modello di regole tiene ogni ritocco isolato, facile da attivare e banale da condividere come semplice CSS o JS.

Tieni un gestore di userscript quando uno script ha bisogno di accesso di rete cross-origin, di una pesante libreria di terze parti o di un archivio di valori che sopravvive a molti siti. I due strumenti coesistono bene — molti utenti usano JustZix per le decine di piccoli ritocchi visivi e riservano il loro gestore di userscript per i due o tre script pesanti.

Una lista di controllo per la migrazione

Il vantaggio è la chiarezza: invece di un opaco file di script, ottieni un elenco ordinato di regole nominate, ciascuna limitata esattamente a un sito. Inizia con i nostri esempi pronti all'uso per vedere il formato delle regole in azione, oppure salta a un tutorial concreto come i ritocchi per sviluppatori su GitHub. Scarica JustZix e porta oggi il tuo primo foglio di stile.

Valuta questo articolo

Nessuna valutazione — sii il primo.

Provalo tu stesso

Installa JustZix e incolla qualsiasi snippet di questo articolo. Due minuti da zero a una regola funzionante su tutti i tuoi dispositivi.

Ottieni JustZix

Funzionalità · Come funziona · Esempi · Casi d'uso