Strumenti per sviluppatori

Visualizzatore HTML

Ispeziona codice HTML online, visualizza il testo con caratteri di escape o in anteprima e calcola caratteri e righe.

Esegui lo strumento

Questo visualizzatore HTML consente di esaminare frammenti di markup e verificare la struttura del codice sorgente direttamente online. Lo strumento accetta testo HTML facoltativo e supporta due opzioni di elaborazione: la modalità sorgente e la modalità anteprima. Quando inserisci il tuo codice nella modalità sorgente predefinita, lo strumento mostra la rappresentazione con caratteri di escape dei tag HTML. Se selezioni la modalità anteprima, l'interfaccia mostra sia il codice HTML originale inserito sia la versione con caratteri di escape. In entrambi i casi, il report include il conteggio totale dei caratteri e il numero di righe presenti nel testo. Se lasci il campo di inserimento vuoto, lo strumento mostra un risultato vuoto senza elaborazioni aggiuntive. L'inserimento di una modalità diversa da quelle supportate mostra un messaggio che la configurazione non è valida. Puoi utilizzare questo strumento per controllare rapidamente blocchi HTML, verificare entità e misurare la lunghezza del tuo markup.

Istruzioni

  1. Inserisci o incolla il frammento di codice HTML nell'apposita area di testo.
  2. Scegli la modalità desiderata tra sorgente o anteprima (l'impostazione predefinita è la modalità sorgente).
  3. Avvia l'elaborazione per visualizzare il markup convertito e le metriche relative a caratteri e righe.

Esempi

  • Inserisci `<p>Ciao mondo</p>` in modalità sorgente: la risposta mostra `&lt;p&gt;Ciao mondo&lt;/p&gt;` insieme al conteggio di 18 caratteri e 1 riga.
  • Inserisci un elenco con più righe in modalità anteprima: il riquadro mostra sia il testo HTML originale sia la stringa con escape, oltre alle metriche di lunghezza e righe.

FAQ

Cosa accade se non inserisco alcun testo HTML?

Se lasci il campo vuoto, lo strumento mostra un risultato vuoto, senza eseguire conversioni.

Qual è la differenza tra la modalità sorgente e la modalità anteprima?

La modalità sorgente mostra esclusivamente la versione del codice con caratteri di escape, mentre la modalità anteprima include sia il testo HTML fornito sia la versione con caratteri di escape.

La modalità anteprima esegue o sanifica il codice HTML nel browser?

No, lo strumento mostra rappresentazioni testuali del codice e metriche del testo, senza eseguire script o sanitizzare il markup.

Cosa succede se specifico una modalità non supportata?

Se inserisci un valore differente da sorgente o anteprima, lo strumento mostra un messaggio che la modalità non è valida.

Incorpora questo strumento

Aggiungi questo strumento SmartPlusLab funzionante al tuo sito con il codice seguente.