Snippet CSS e JavaScript pratici, casi d'uso, trucchi UX — con codice pronto da incollare in JustZix.
Nessun articolo corrisponde alla tua ricerca.
Quattro piccole rifiniture UX dell’editor di regole che, insieme, cambiano l’esperienza quotidiana: un badge con il conteggio delle righe nei tab CSS/JS/Azioni (v3.2.82), una scrollbar da 10 → 14 px (v3.2.80), un limite dell’etichetta di azione da 8 → 12 caratteri (v3.2.81) e una toolbar della cartella riorganizzata (v3.2.80).
Il rendering di 700 voci di log nell'Output Console è sceso da ~5 secondi a ~100 millisecondi (v3.2.30). La prima finestra dell'estensione in uno shadow DOM — un passo verso l'isolamento degli stili della pagina dall'UI dell'estensione, più un serio guadagno di performance.
Un menu a discesa nell'intestazione della finestra dell'AI Helper (v3.2.81) con due opzioni: copiare l'intera conversazione in Markdown, oppure copiare l'ultimo input API con il contesto completo della conversazione. Il flusso «spostare un'idea da un dominio a un altro» non richiede più copia-incolla manuali.
L'indicatore di contesto nell'AI Helper (v3.2.71–73) non stima più — ora usa i valori reali dei token dall'API del provider (Anthropic, OpenAI, Gemini), suddivisi in input fresco / cache / output. Costo AI realistico senza calcolatrici.
La finestra dell'AI Helper (v3.2.76) viene renderizzata come shadow root, così il CSS della pagina non può più trasmigrare nell'UI dell'estensione. Funziona allo stesso modo su play.google.com, Notion e su ogni dominio dallo stile aggressivo.
Il popup browser-action e tutti i modali dell'estensione hanno finalmente il dark mode completo. Un nuovo tema auto segue il sistema operativo. Il selettore del tema è stato ricostruito come 3 pulsanti (chiaro / scuro / auto) invece di un singolo pulsante ciclico.
Una ricostruzione completa della scheda Network nell'Output Console: due campi di dominio con molte voci tramite "|", Alt+clic per aggiungere all'istante, slider esponenziali con campi di input, colonne DataLayer ridimensionabili, accorciamento degli URL lunghi.
La × nelle TEMP CSS/JS cancellava il contenuto — risolto in v3.2.2. In più un nuovo pulsante "svuota" con undo (v3.2.3). Due intenzioni, due pulsanti.
Il vecchio "aiuto API" sotto Ctrl+Shift+H è diventato una guida completa a due colonne all'interfaccia dell'estensione nella pagina — 8 sezioni, funziona globalmente su ogni pagina, in 8 lingue. Da v3.0.0 e v3.0.1.
Tre nuove scorciatoie dalla v3.2.4 aprono il pannello di modifica di JustZix in una finestra separata del browser, selezionano automaticamente il primo set di regole attivo sulla pagina corrente e atterrano sulla scheda CSS, JS o Azioni. Le stesse scorciatoie all'interno del pannello cambiano scheda.
JustZix include ora due motori di tutorial integrati: uno nel pannello di modifica, l'altro direttamente nella pagina. 19 passi dello scenario "Il tuo primo progetto", frammenti di codice copiabili, 8 lingue, Esc per chiudere.
I siti con la CSP più rigida — Facebook, X, GitHub — bloccano la classica iniezione di JS. JustZix passa con una strategia a tre livelli: chrome.userScripts, new Function, blob-script. Zero configurazione nel 99% dei casi, un opt-in una tantum per gli altri.
Regole pronte all'uso per Slack, Trello, Discord, Outlook, Notion, GitHub, GitLab, Telegram e Gmail — densità, barre laterali e una modalità focus.
Regole pronte all'uso per Wikipedia, Medium, BBC, Goodreads, Hacker News e Stack Overflow — larghezza di lettura, tipografia, modalità scura e seppia.
Regole pronte all'uso per Netflix, Disney+, Spotify, SoundCloud, Twitch, Vimeo e YouTube — ferma i trailer in riproduzione automatica e riduci le righe di raccomandazioni.
Regole pronte all'uso per Amazon, eBay, AliExpress, Etsy e Allegro — nascondi le inserzioni sponsorizzate, i contatori di pressione e i caroselli di cross-sell, metti in evidenza il prezzo.
Regole CSS e JS pronte all'uso per YouTube, Reddit, X, Instagram, Facebook, TikTok, Threads, Pinterest e LinkedIn — nascondi il feed «Per te», i suggerimenti e i contatori.
Una nuova opzione per ogni set di regole impedisce al JavaScript di rieseguirsi durante la navigazione SPA — niente più listener duplicati e intervalli paralleli.
La scheda Network nella Output Console dispone di un set completo di filtri: per dominio (Domini+/Domini-), per dimensione e per tempo — più l'aggiunta dei domini con un clic.
Tutte le scorciatoie da tastiera integrate di JustZix in un unico posto: editor di codice, console, finestra Output, scheda Network, finestre TEMP e scorciatoie delle azioni.
Una guida pratica per diagnosticare e risolvere le differenze tra dispositivi in JustZix usando la cronologia di sincronizzazione e la risincronizzazione completa.
La scheda Stato nel pannello di sincronizzazione di JustZix mostra ora una cronologia delle sincronizzazioni, lo stato della libreria sul tuo account e un pulsante di risincronizzazione completa.
JustZix rileva la navigazione SPA tramite pushState — regole, barre delle azioni e finestre abbinate a un percorso URL si attivano senza un ricaricamento manuale della pagina.
La sincronizzazione cloud di JustZix ora copre il tuo tema, la lingua dell'interfaccia e le statistiche d'uso sommate su ogni dispositivo accoppiato.
Quattro nuovi strumenti di AI Helper: l'assistente testa il codice nelle finestre TEMP, legge gli errori dalla console della pagina e crea non solo regole ma barre delle azioni e pulsanti.
Apri il pannello di modifica di JustZix e ti accoglie la Dashboard — riquadri con l'inventario della tua libreria, statistiche d'uso, stato dell'estensione e scorciatoie al lavoro recente.
Rimodella il pannello di Booksy con JustZix — un calendario più denso, appuntamenti di oggi e non confermati evidenziati, promozioni nascoste e una modalità focus senza distrazioni.
Rimodella Allegro con JustZix — nascondi gli annunci sponsorizzati, ottieni una griglia di risultati più densa, evidenzia la spedizione gratuita e Smart, e rimuovi banner e caroselli.
Nascondi i banner Pro e le promozioni di modelli, ingrandisci l'area di lavoro dell'editor e riordina i pannelli laterali di Canva con qualche regola CSS e JS in JustZix.
Nascondi i post sponsorizzati, i moduli "Persone che potresti conoscere" e la colonna delle notizie a destra. Un feed di LinkedIn più tranquillo con qualche regola CSS e JS.
Rendi più dense le tabelle di prodotti e ordini, evidenzia le scorte basse e gli ordini non pagati, nascondi i banner promozionali — regole CSS e JS pronte per il pannello di Shopify.
Nascondi gli avvisi promozionali dei plugin, riordina il menu della bacheca, allarga l'editor degli articoli e fissa il box Pubblica — regole CSS e JS pronte per wp-admin.
Riordina e rimodella Gmail, Google Calendar, Documenti e Fogli: nascondi i pannelli Meet e promozionali, compatta la posta, allarga il riquadro di lettura, aggiungi una modalità focus.
Rimodella Notion su misura per te: pagine a tutta larghezza, una modalità focus, font personalizzati, blocchi callout con stile, righe a strisce zebrate nei database e intestazioni di tabella fisse.
Una guida pratica per spostare gli userscript alle regole JustZix: come si confronta il modello di regole abbinate per URL e quando usare quale strumento.
Pulisci i parametri di tracciamento dai link, neutralizza i pixel di tracciamento e ordina gli URL condivisi con regole JustZix difensive da copia-incolla.
Allarga le viste del codice, fissa le intestazioni dei file e doma il rumore dell'interfaccia di GitHub con regole CSS JustZix pratiche pensate per chi legge molto codice.
Nascondi i post promossi, i contenuti suggeriti e l'esca all'interazione su Reddit e X con regole CSS JustZix limitate che puoi copiare e incollare.
Nascondi gli Shorts, elimina il disordine della schermata finale e blocca una velocità di riproduzione predefinita su YouTube con regole CSS e JS JustZix da copia-incolla.
Una guida pratica per migliorare le immagini su qualsiasi pagina: zoom al passaggio del mouse, caricamento immediato forzato e aggiunta di un pulsante di download con un clic con JustZix.
Sostituisci i lettori video personalizzati rotti o nascosti con la barra di controllo nativa del browser usando una sola regola JavaScript e CSS JustZix.
Una regola JustZix che mette in pausa e silenzia video e audio in riproduzione automatica nell'istante in cui partono, così le pagine si aprono in silenzio senza suoni a sorpresa.
Usa l'API Picture-in-Picture con una regola JustZix per far fluttuare qualsiasi video in una finestra mobile, anche sui siti che nascondono il pulsante nativo.
Aggiungi controlli di velocità di riproduzione personalizzati a ogni elemento video con una regola JavaScript JustZix, incluse scorciatoie da tastiera e un badge di velocità flottante.
Trasforma utili script occasionali in pulsanti azione JustZix: copia una pagina come markdown, elimina i parametri di tracciamento e apri i link esterni in nuove schede.
Associa tasti a scorrimento, navigazione e clic su siti privi di scorciatoie. Una regola JavaScript JustZix trasforma qualsiasi pagina in un'app guidata da tastiera.
Smetti di cliccare "mostra altro" e "pagina successiva". Una regola JavaScript JustZix può espandere le sezioni compresse e caricare ogni pagina per te.
I popup di consenso dei cookie interrompono ogni visita. Usa una piccola regola JavaScript JustZix per chiuderli automaticamente nel momento in cui appaiono.
Alcuni siti bloccano la selezione del testo, la copia e il menu contestuale. Riabilita tutto con tre brevi snippet JavaScript e una regola CSS.
Un piccolo snippet JavaScript JustZix che misura qualsiasi articolo e mostra un badge flottante con tempo di lettura e conteggio parole.
Elimina colonne di raccomandazioni, barre fisse e thread di commenti tossici da qualsiasi articolo con poche regole di display JustZix mirate.
Sostituisci le pagine bianche abbaglianti con superfici di lettura calde e a basso riverbero con ricette CSS per tonalità seppia, crema e carta delicata.
Perché la lunghezza delle righe fa o disfa la leggibilità, e le regole CSS esatte per bloccare qualsiasi articolo a una misura confortevole.
Trasforma qualsiasi pagina di articolo disordinata in una vista di lettura pulita e tranquilla usando una manciata di regole CSS iniettate da JustZix.
Personalizza le barre di scorrimento e costruisci temi ad alto contrasto o in scala di grigi per qualsiasi sito con regole CSS JustZix. Ricette pratiche focalizzate sull'accessibilità.
Rendi leggibili i siti web stretti regolando dimensione del font, interlinea e larghezza del contenuto con regole CSS JustZix. Ricette da copia-incolla per una pagina più tranquilla.
Sostituisci i caratteri brutti o difficili da leggere su qualsiasi sito con regole CSS JustZix. Ricette per font di sistema, web font personalizzati e monospace adatti al codice.
Ricolora link, pulsanti ed evidenziazioni su qualsiasi sito con regole CSS JustZix. Ricette pratiche per sovrascrivere i colori d'accento senza toccare il markup.
Trasforma qualsiasi sito web luminoso in un tema scuro confortevole con poche regole CSS JustZix. Ricette da copia-incolla per modalità scure basate su filtri e native.
Elimina post sponsorizzati, contenuti suggeriti e barre laterali rumorose dai tuoi feed social con un set completo di ricette CSS e JS JustZix da copia-incolla.
Le barre di navigazione fisse mangiano lo schermo e nascondono il testo quando salti agli ancoraggi. Riconquista lo spazio con queste ricette CSS JustZix da copia-incolla.
Nascondi banner pubblicitari, slot per annunci e blocchi di contenuti sponsorizzati con regole CSS JustZix leggere che si caricano all'istante senza un ad blocker extra.
Impedisci ai popup modali delle newsletter e agli overlay exit-intent di interrompere la lettura con regole CSS e JavaScript JustZix pronte da copiare.
Elimina i banner dei cookie e gli overlay di consenso con poche regole CSS e JS da copia-incolla, così le pagine si caricano pulite ogni volta che le visiti.
Una panoramica dell'ultimo aggiornamento di JustZix: il nuovo assistente AI Helper, la ricerca di codice nell'editor e la Console di Output ricostruita a 6 schede.
La nuova barra di ricerca nell'editor: contatore di corrispondenze, evidenziazione blu e gialla, frecce di navigazione e ogni scorciatoia da tastiera per gli editor CSS e JS.
Uno sguardo onesto all'uso di OpenAI, Anthropic e Gemini dentro l'AI Helper di JustZix: come tutti e tre funzionano allo stesso modo, le differenze reali e il cambio di provider.
AI Helper non cambia mai silenziosamente la tua configurazione. Testa il codice in finestre TEMP visibili e ogni cartella, gruppo o regola richiede il tuo OK esplicito.
Una guida pratica: descrivi un obiettivo ad AI Helper, guardalo ispezionare la pagina, testare in una finestra TEMP e salvare la regola dopo il tuo OK.
Come AI Helper ispeziona il DOM dal vivo con query_page e legge la tua libreria di regole con list_structure, e perché l'ispezione su richiesta batte lo scaricare l'intera pagina.
Dove AI Helper memorizza le tue chiavi API, perché le chiamate passano dal worker in background, la sincronizzazione cloud opzionale per chiave e un'onesta igiene delle chiavi.
Come AI Helper esegue un ciclo agentico: il protocollo @@JZ_TOOL@@, il limite di 8 passi, ogni strumento e perché funziona allo stesso modo su tutti i provider.
Passo dopo passo: ottieni una chiave API OpenAI, Anthropic o Gemini, inseriscila nelle Impostazioni di JustZix, scegli un provider predefinito e seleziona un modello.
AI Helper è un assistente di chat che vive in qualsiasi pagina. Porta la tua chiave API, dagli il contesto della pagina e lascia che costruisca regole CSS/JS insieme a te.
Greasemonkey è solo per Firefox. Ecco una guida onesta agli equivalenti per Chrome: Tampermonkey, Violentmonkey e JustZix, con come scegliere quello giusto.
Impara a eseguire JavaScript su qualsiasi pagina web: la console dei DevTools, i bookmarklet e un approccio persistente basato su regole con JustZix, più esempi reali.
Impara ad aggiungere CSS personalizzato a qualsiasi sito web. DevTools, strumenti del browser e un approccio con estensione spiegati, con una guida passo passo a JustZix ed esempi.
Vuoi un'alternativa sicura a Stylish per il CSS personalizzato? Uno sguardo onesto alla storia di Stylish, all'open source Stylus e a JustZix — senza telemetria.
Cerchi alternative a Tampermonkey? Un confronto onesto tra Violentmonkey, Greasemonkey, Stylus e JustZix — cosa fa bene ognuno e quando sceglierlo.
La Output Console di JustZix ha una scheda Network che cattura le richieste tramite chrome.webRequest — in-scheda, con un buffer in background, filtri e slider.
La Output Console di JustZix e un visualizzatore di log in sola lettura dentro la scheda — 6 schede per console, network, errori e dataLayer, con filtri e ricerca live.
Fai comportare le regole di JustZix in modo diverso secondo l'ora del giorno o il giorno della settimana: una modalita focus per l'orario di lavoro, una tinta calda notturna, layout solo per il weekend e altro.
Fai il debug dei layout responsive senza DevTools: un distintivo del viewport dal vivo, il nome del breakpoint, un cercatore di overflow e un righello a griglia iniettati direttamente sulla pagina.
Costruisci un pulsante azione di JustZix che copia una pagina o la tua selezione di testo come Markdown pulito — titoli, link, elenchi, codice — senza nav ne annunci.
Inietta un overlay di accessibilita JavaScript: individua testo alt mancante, input senza etichetta, contrasto basso e salti di titolo in pochi secondi, su qualsiasi pagina.
Inietta un foglio di stile @media print per correggere la stampa e il Salva come PDF sui siti che stampano male. Nascondi la nav, controlla le interruzioni di pagina, risparmia inchiostro.
Osserva un elemento di prezzo o disponibilita con MutationObserver, avvisa quando il prezzo scende sotto una soglia o un articolo esaurito torna disponibile.
Neutralizza i dark pattern con CSS e JavaScript: nascondi i finti conti alla rovescia e i finti contatori di visitatori, congela i timer e deseleziona le caselle gia spuntate.
I soft paywall nascondono un articolo gia presente nel DOM dietro un overlay e un blocco dello scroll. Impara a rimuovere l'overlay, sbloccare lo scroll e togliere la sfocatura al testo.
Intercetta fetch e XMLHttpRequest nel browser per restituire JSON falso, simulare latenza, errori 500 e liste vuote — senza alcun server di mock.
Bloccati in qualsiasi bucket di A/B test o variante di feature flag sovrascrivendo il valore di cookie o localStorage usato dal sito, cosi il QA puo testare ogni ramo.
Un tester costruisce la barra strumenti QA da sé e la consegna al team con un solo link TTL. Come configurarlo, e quando usare un link invece della sincronizzazione.
La maggior parte di un userscript si reincolla senza modifiche. Cosa funziona diversamente — l'intestazione dei metadati, le funzioni GM_* — e cosa lo sostituisce.
Il JavaScript iniettato viene eseguito con i pieni diritti della pagina che visiti. Cosa può fare davvero uno snippet, cosa non può, e di chi fidarsi.
Inserisci una chiave di sincronizzazione su un altro computer e le tue regole sono semplicemente lì. Come funziona sotto il cofano — e perché JustZix non sovrascriverà il tuo lavoro.
Cinque regole le tieni a mente. Cinquanta no. Come la gerarchia JustZix a quattro livelli scala fino a oltre 100 regole.
Il pattern di URL decide dove viene eseguita una regola. Cinque pattern da conoscere, come si impilano nella gerarchia e gli errori comuni.
window.JUSTZIX registra direttamente nella finestra Output Console — diagnostica una pagina senza aprire i DevTools. Pattern d'uso e trappole.
Le azioni JustZix possono chiamarsi a vicenda. Con window.JZ costruisci workflow multi-step dai pulsanti — senza libreria.
Una regola costruita su una classe .css-1a2b3c muore al prossimo deploy del sito. Quattro regole per scrivere regole che sopravvivono a un restyling.
Una regola viene eseguita una volta, ma le pagine cambiano dopo il caricamento. Un MutationObserver fa reagire la regola ai nuovi elementi nel DOM.
Tre azioni JustZix universali utili quasi ovunque: copiare un URL pulito, esportare una tabella in CSV e il Picture-in-Picture.
Quanto ci vorrà per questo articolo? Una regola JustZix aggiunge in cima a ogni testo una barra con il numero di parole e un tempo stimato.
Parallasse, caroselli e video in riproduzione automatica possono stancare. Una regola CSS più JS placa il movimento su qualsiasi pagina.
Le pagine «aspetta 5 secondi» vivono del tuo tempo. Una regola JustZix estrae l'URL di destinazione e salta il reindirizzamento all'istante.
Una regola CSS mostra quali link hai già aperto. In più: perché il selettore :visited è così fortemente limitato dai browser.
Gli header sticky e le barre fluttuanti possono mangiare un terzo dello schermo. Come staccarli o nasconderli con una sola regola CSS.
Le sezioni commenti e i post lunghi nascondono il contenuto dietro «mostra altro». Una regola JustZix con un MutationObserver li espande tutti automaticamente.
La modalità lettura integrata è incostante. Costruisci la tua come azione JustZix — riduce la pagina all'articolo, esattamente come vuoi.
Passa il mouse su una miniatura, vedi un'anteprima ingrandita accanto al cursore. Una lightbox leggera in puro JavaScript come regola JustZix — senza libreria.
Contenuto diviso su 40 pagine? L'auto-pager recupera la pagina successiva e la accoda quando arrivi in fondo. Scroll infinito in una regola.
Il lettore integrato si ferma a 2x. Una regola JustZix aggiunge il controllo di playbackRate da tastiera a ogni video HTML5.
Una pagina blocca la selezione del testo e il clic destro? Una sola regola JustZix rimuove il blocco — CSS più intercettazione degli eventi in fase di capture.
Le pagine con una Content-Security-Policy rigida bloccano gli script estranei. JustZix vi inietta comunque il tuo JS — tramite chrome.scripting.executeScript e un ponte postMessage.
L'Output Console di JustZix ora cattura le eccezioni non gestite e i rejection di promise non gestiti, non solo i console.log espliciti. Cosa cambia e cosa ancora non cattura.
Ogni finestra di sviluppo JustZix si apre come pane persistente o come TEMP effimero. Un semplice modello decisionale: quando scegliere quale e come promuovere l'uno nell'altro.
Richiama una finestra CSS, JS, REPL o Output su qualsiasi pagina con una scorciatoia Ctrl+Alt. I TEMP pane spariscono al ricaricamento — zero configurazione, zero traccia nelle tue regole.
PerformanceObserver cattura LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift), INP (Interaction to Next Paint). Inietti una volta tramite una regola JS JustZix, l'Output Console mostra i risultati per ogni pagina visitata. Niente Lighthouse, niente F12.
I post sponsorizzati si mescolano ai feed dei social media accanto al contenuto organico. I selettori CSS li mancano (hash di classi casuali). Ricetta JustZix: matcher di attributi CSS + MutationObserver JS con text matching per 3 piattaforme.
Tampermonkey/Greasemonkey sono userscript (solo JS, metadati di intestazione). JustZix è userscript + userstyle + livello UI (barre delle azioni, pane, dashboard snap). Confronto funzione per funzione + migrazione di 3 script Tampermonkey tipici verso regole JustZix.
UI predefinita di YouTube: spam di Shorts, video suggeriti che interrompono il flusso, nessuna scorciatoia per «saltare intro/sponsor». Pack JustZix di 6 regole: nascondimenti CSS + auto-skip JS + scorciatoie da tastiera (J/L salto, S skip sponsor, Shift+S condivisione screenshot).
Stylish (controverso) e Stylus sono classiche estensioni per l'iniezione di CSS. JustZix fa lo stesso + regole JS + barre delle azioni + 4 tipi di finestre + snap connections + sync + link di condivisione TTL. Migrazione passo passo con confronto funzione per funzione.
Il pulsante flottante è «l'ingresso a JustZix» su ogni pagina — una goccia a 3 lettere per folder, 4 stati (on/mixed/off/globally-off), drag+snap con barre/pane, menu contestuale al clic destro, popup widget che commuta tutte le regole. Anatomia completa, dalla posizione alla tastiera.
Tutte e 3 le app di chat IA più popolari hanno UI predefinite calibrate per i neofiti. Per i power user: bolle di messaggi troppo strette, blocchi di codice deboli, overlay «Upgrade to Pro». Snippet CSS + observer JS in JustZix, un clic, sempre lì.
INPUT è un <input type="text"> nativo nella barra delle azioni. Invio → blur → esegui codice. Memory persistente per scheda (sessionStorage + chrome.storage.local). Differenza chiave vs TEXTAREA: Invio attiva l'azione. Casi d'uso: barra di comandi, ricerca rapida, override dei filtri, navigazione URL personalizzata.
SELECT è un dropdown nella barra delle azioni di JustZix. Due varianti: static (opzioni hardcoded nello schema) e js (il codice genera le opzioni dinamicamente). La prima è ottima per preset fissi (Light/Dark, scelta della lingua), la seconda per liste dinamiche (categorie dal DOM, segnalibri hotkey).
BUTTON è il tipo di azione JustZix più antico e più usato. Clic = esegui codice nel MAIN world. Nessuno stato, nessuna memory — una funzione pura. Personalizzazione completa (sfondo, colore del testo, padding) + customStyles per un'integrazione al pixel nella barra delle azioni.
Da v2.13.42/55/70 i clic destri sugli header dei pane (CSS / JS / JS Console / Output Console) aprono un menu contestuale: scollega le snap connections, disattiva un pane, cambia font + dimensione — senza tornare alla pagina delle opzioni.
Quattro listener in capture-phase su document (v2.13.75 + v2.13.78): Ctrl+Shift+L (clear), Ctrl+Shift+S (commuta la ricerca), Ctrl+Shift+K (scorri il viewMode), Ctrl+Shift+H (popup di aiuto API). Tutti attivi quando almeno una Output Console è renderizzata sulla pagina. Più un popup di aiuto trascinabile (v2.13.80).
L'azione TEXTAREA (v2.13.21) è un <textarea> nativo nella barra delle azioni di JustZix. Memory persistente per scheda (sessionStorage + backup chrome.storage.local). Invio = a capo nativo (NON blur). Il codice parte al blur. Casi d'uso: blocco note QA, bozze di commenti, snippet SQL/curl/JSON per dominio.
Una guida a tutte le finestre JustZix nel frontend e ai tipi di azione. Quattro tipi di pane (CSS pane / JS Console / JS pane / Output Console), le due azioni più potenti (TOGGLE3 / SLIDER), l'API window.JZ + window.JUSTZIX e le snap connections per disporre tutto come mini-dashboard. La mappa completa della «mini-IDE nella scheda» — cosa scegliere quando, e come tutto si incastra.
CSS pane + JS pane + JS Console + Output Console + barre delle azioni + pulsante flottante — tutti vivono in uno spazio di ID snap condiviso. Trascina uno vicino a un altro → si agganciano in un gruppo. Trascina il gruppo → tutto si muove insieme. Il posizionamento per anchor mantiene il layout stabile durante i ridimensionamenti della finestra.
La Output Console (v2.13.66+) è il 4° tipo di finestra in JustZix. Un visualizzatore di log in sola lettura cattura tutti i console.log/warn/error/info/debug della pagina (sync + async). Un canale window.JUSTZIX.log dedicato (primario da v2.13.76, con nome di brand, rischio di collisione trascurabile) con viewMode [C/J/C+J]. Filtri per livello + ricerca + 2000 righe. Immune alla CSP grazie all'iniezione chrome.scripting (v2.13.74).
L'azione SLIDER è un <input type="range"> nativo nella barra delle azioni. Il drag dal vivo aggiorna la memory senza eseguire il codice (evento input), il rilascio esegue il codice (evento change). Il value è un Number, non una String. Casi d'uso: luminosità, zoom, font-size, velocità di animazione — pilotati come un fader fisico.
L'azione TOGGLE3 è un segmented control con esattamente 3 stati. Ogni stato ha la propria label, value, colore e codice JS. La memory mantiene lo stato attivo per azione. 5 colori configurabili: bg/testo attivo + bg/hover/testo inattivo.
Ogni azione JustZix ottiene due namespace nel MAIN world: window.JZ (helper per le azioni — click/value/setValue su elementi data-jz-action-*) e window.JUSTZIX (logger — log/warn/error/info/debug nella Output Console). Il nome di brand JUSTZIX non collide mai con gli script della pagina (Google Ads possiede window.JZ sulle sue pagine). Costruisci mini-app dove i pulsanti cliccano altri pulsanti, gli slider pilotano variabili CSS e la Output Console sostituisce i DevTools.
Codice JS persistente con Ctrl+Enter / clic su ▶ per eseguirlo. Nessuna auto-esecuzione al caricamento. Stato dirty, overlay di errore, sessionStorage per scheda. Casi d'uso: script distruttivi + operazioni in massa.
Una finestra REPL flottante con cronologia comandi, Ctrl+L = pulisci, Ctrl+Enter = eval. Cattura console.log/warn/error/info dal contesto della pagina. Persistenza per scheda.
Una textarea flottante iniettata nella pagina con injection <style> in tempo reale (debounce 200ms). Persistenza per scheda, multi-pane, gerarchia di scope. Cosa fa e come iniziare in 30 secondi.
Cinque tecniche di marcatura visiva per gli ambienti non di produzione: banner rosso, badge flottante, scambio di favicon, tinta del viewport, prefisso del titolo. CSS+JS copia-incolla per JustZix.
Come costruire la tua toolbar QA: compilare moduli, resettare lo stato, copiare l'URL con token di autenticazione, far avanzare le date, fare debug delle richieste. Tutto in JustZix, senza supporto dev.
Quattro pattern JavaScript per aggiungere le tue scorciatoie da tastiera su qualsiasi sito. Senza aspettare l'autore, senza estensioni pesanti tipo Vimium. Copia-incolla per JustZix.
Quattro snippet JavaScript per verificare che gli eventi GTM si attivino al momento giusto con il payload giusto. Nessuna modifica al codice di produzione. Pronti da copia-incolla per JustZix.
Quattro modi per forzare la modalità scura su qualsiasi sito: filtro invert, override di prefers-color-scheme, override di variabili CSS, tema dedicato per sito. Codice copia-incolla per JustZix.
Cinque snippet CSS e JavaScript collaudati per nascondere i banner dei cookie su qualsiasi sito. Codice copia-incolla che funziona subito in JustZix.