Come si usa
- Incolla il codice HTML nell’editor.
- Attiva Anteprima live per aggiornare l’anteprima mentre modifichi il codice.
- Seleziona Mobile 375 in Viewport per controllare il layout a 375 px; questa opzione è disponibile sugli schermi più larghi di 768 px.
- Seleziona In colonna in Layout per disporre codice e anteprima uno sopra l’altra.
Esempi
Scheda prodotto con CSS inline
<style>
.scheda { max-width: 320px; padding: 16px; border: 1px solid #ccc; border-radius: 12px; font-family: sans-serif; }
</style>
<article class="scheda">
<h2>Taccuino artigianale</h2>
<p>Copertina in carta riciclata, formato A5.</p>
<p><strong>12,50 €</strong></p>
</article>Dimensioni: 280 B · Elementi: 6 · Risorse esterne: 0
Messaggio JavaScript nella console
<h2>Riepilogo ordine</h2>
<p>Ordine pronto per il ritiro.</p>
<script>
console.log('Ordine', {cliente: 'Giulia', totale: 24.50, ritiro: true});
</script>Dimensioni: 153 B · Elementi: 3 · Risorse esterne: 0
Console (1):
Ordine {"cliente":"Giulia","totale":24.5,"ritiro":true}Errore JavaScript da individuare
<h2>Disponibilità prodotto</h2> <script> aggiornaDisponibilita(); </script>
Dimensioni: 76 B · Elementi: 2 · Risorse esterne: 0 Console (1): Uncaught ReferenceError: aggiornaDisponibilita is not defined (riga 3:1)
Domande frequenti
Quali file posso aprire nel visualizzatore HTML?
Puoi aprire file .html, .htm, .xhtml, .svg e .txt fino a 5 MB. Puoi anche trascinare un file sul pannello del codice o sull’anteprima.
Posso visualizzare una pagina web inserendo il suo indirizzo?
Un indirizzo incollato da solo viene mostrato come testo: il visualizzatore non carica la pagina. Per recuperarne il codice, usa Visualizza sorgente pagina.
Come posso vedere gli errori JavaScript?
Attiva JavaScript: la console mostra gli errori non gestiti con riga e colonna, oltre ai messaggi di console.log e degli altri metodi supportati. Con JavaScript disattivato, gli script non vengono eseguiti e la console resta vuota.
Perché le immagini o i CSS del mio file HTML non si vedono?
I percorsi relativi, come img/logo.png o style.css, non vengono risolti senza un elemento base con l’attributo href. Usa URL assoluti oppure aggiungi un elemento base con l’attributo href; se Blocca risorse esterne è attivo, le risorse da altri server non vengono caricate.
Il codice HTML viene salvato o inviato a un server?
Il visualizzatore elabora l’HTML nel browser e non lo invia al server; il codice non viene salvato tra una visita e l’altra. Le risorse esterne presenti nell’HTML possono però contattare i propri server, che possono vedere il tuo indirizzo IP.