Come usare HTML Viewer per esaminare codice HTML

A cosa serve HTML Viewer

HTML Viewer serve a controllare rapidamente un frammento HTML in forma testuale, senza confondere la lettura del codice con il suo rendering nel browser. Puoi incollare il markup, scegliere tra la modalità source e la modalità preview e verificare sia le rappresentazioni del contenuto sia alcune informazioni quantitative. L’input HTML è facoltativo: se lo lasci vuoto, viene trattato come un valore vuoto e l’operazione termina correttamente. La modalità non indicata usa source come impostazione predefinita.

Come usare HTML Viewer

Prepara il frammento HTML da esaminare, ad esempio un elemento di testo, un collegamento o una struttura più ampia. Incollalo nel campo dedicato all’HTML. Se vuoi solo verificare il comportamento dell’input vuoto, puoi lasciare il campo senza contenuto.
Scegli la modalità source per ottenere la rappresentazione con i caratteri HTML convertiti in forma escapata. Questa scelta è adatta quando vuoi leggere il markup come testo e distinguere i tag dal contenuto visualizzato nella risposta.
Scegli preview quando ti servono entrambe le rappresentazioni: il contenuto HTML fornito e la sua versione escapata. In questa modalità, preview indica una restituzione testuale del markup; non significa che il codice venga eseguito o mostrato come una pagina nel browser.
Invia la richiesta e controlla il risultato. Per un input non vuoto nelle modalità source o preview, la risposta riporta anche il numero di caratteri e il numero di segmenti separati da nuove righe presenti nell’HTML fornito. Se non selezioni una modalità, viene usata source.
Seleziona soltanto source o preview. Una modalità diversa produce una risposta di errore; in quel caso correggi la selezione e invia nuovamente lo stesso contenuto.

Come leggere il risultato

La rappresentazione escapata mostra il markup come testo, quindi i caratteri dei tag non vengono confusi con una struttura HTML interpretata. In source ricevi questa rappresentazione per l’input non vuoto; in preview ricevi sia il contenuto fornito sia la rappresentazione escapata. Il conteggio dei caratteri e quello dei segmenti separati da nuove righe aiutano a controllare la dimensione e la suddivisione del testo, ma non valutano se il codice sia corretto o completo.

Un risultato vuoto dopo aver lasciato l’input HTML senza contenuto indica una gestione riuscita dell’input vuoto, non l’elaborazione in source o preview. Se invece compare un errore, verifica prima la modalità: le opzioni diverse da source e preview non vengono elaborate come richieste valide. Ricorda inoltre che preview non è un controllo di sicurezza, non esegue HTML e non rappresenta il rendering della pagina.

Esempio pratico

Vuoi controllare come un breve paragrafo HTML viene restituito sia come markup fornito sia come testo escapato.

Inserisci il frammento

Ciao

, seleziona preview e invia la richiesta. Controlla che il risultato mostri entrambe le rappresentazioni e i due conteggi.

Il risultato contiene la rappresentazione escapata del frammento; in preview contiene anche l’HTML fornito. Sono presenti inoltre il conteggio dei caratteri e quello dei segmenti separati da nuove righe.

Limiti

Il risultato rappresenta l’HTML come testo e non stabilisce come apparirebbe una pagina renderizzata, né verifica che il markup sia corretto o sicuro.

Errori comuni

Se la risposta è un errore, la causa può essere una modalità diversa da source o preview. Seleziona una delle due modalità supportate e invia di nuovo la richiesta.

Domande frequenti

Posso usare HTML Viewer senza inserire codice HTML?

Sì, se lasci vuoto il campo HTML l’input viene gestito correttamente come contenuto vuoto; non entra nel ramo di elaborazione source o preview.

La modalità preview visualizza la pagina HTML come in un browser?

No. La modalità preview restituisce il codice fornito insieme alla sua rappresentazione escapata; non esegue HTML e non mostra una pagina renderizzata nel browser.

Che cosa succede se non scelgo una modalità o ne uso una diversa?

Se non indichi una modalità viene usata source. Una modalità diversa da source o preview produce invece una risposta di errore.