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 caricatoCosa 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
- Scrivi o incolla HTMLInserisci HTML, CSS e JavaScript nell'editor o parti dall'esempio.
- Guarda l'anteprimaL'anteprima si aggiorna mentre scrivi; per pagine pesanti disattiva l'esecuzione automatica.
- Salva la paginaCopia il codice, scaricalo come file .html o aprilo in una nuova scheda.