DT Dev Tools

HTML Viewer β€” Editor HTML online

Editor HTML online con anteprima in tempo reale. Scrivi HTML, CSS e JavaScript e vedi subito il risultato, tutto nel browser.

πŸ”’ Funziona interamente nel tuo browser β€” nulla viene caricato

Trascina qui un file .html o fai clic per sfogliare β€” oppure modifica il codice qui sotto

Questo strumento ti Γ¨ stato utile? Valutalo:

Cosa fa HTML Viewer

HTML Viewer è un editor HTML online con anteprima dal vivo. Incolla uno snippet o scrivi una pagina completa con HTML, CSS e JavaScript e il risultato appare accanto al codice. È utile per testare template email, prototipare layout, verificare snippet copiati, imparare le basi del web o riprodurre un bug senza creare un progetto, salvare file o avviare un server locale.

L'anteprima si aggiorna automaticamente pochi istanti dopo l'ultima digitazione, così il ciclo di feedback è rapido. Per pagine pesanti o script con effetti collaterali, disattiva l'esecuzione automatica e premi Esegui quando sei pronto. Puoi anche ripristinare un esempio, copiare il sorgente, scaricarlo come file .html autonomo o aprirlo in una nuova scheda.

Privato e isolato

Tutto avviene localmente nel browser. Il codice non viene mai caricato e non serve alcun account. L'anteprima è mostrata in un iframe con sandbox: gli script possono girare ma sono isolati dalla pagina, quindi non possono leggere bozze, cookie o altri dati del sito. Così è ragionevolmente sicuro provare snippet non fidati, ma evita comunque di incollare codice che non comprendi e che carica risorse di terzi.

Consigli pratici

Includi un documento completo con doctype, head e body per imitare una pagina reale, oppure incolla solo un frammento e lascia che il browser lo completi. Usa blocchi style e script inline per tenere tutto in un file. Le librerie esterne si caricano tramite URL assoluti. I link relativi e i percorsi locali non funzionano, perchΓ© l'anteprima non ha una cartella dietro. L'ultima bozza viene salvata localmente con possibilitΓ  di ripristino.

Come usare

  1. Scrivi o incolla HTMLInserisci HTML, CSS e JavaScript nell'editor o parti dall'esempio.
  2. Guarda l'anteprimaL'anteprima si aggiorna mentre scrivi; per pagine pesanti disattiva l'esecuzione automatica.
  3. Salva la paginaCopia il codice, scaricalo come file .html o aprilo in una nuova scheda.

Domande frequenti

Il mio HTML viene caricato?
No. Il codice viene mostrato in un iframe isolato nel tuo browser e non lascia mai il dispositivo.
Posso eseguire JavaScript?
Sì. Gli script girano nell'anteprima isolata, separati dalla pagina del sito.
Posso caricare CSS o immagini esterni?
Sì, gli URL assoluti funzionano come in qualsiasi pagina web. I file locali non sono accessibili.