- - Esegui HTML selezionato: esegui istantaneamente e visualizza l'anteprima del codice HTML [Chrome]

Esegui HTML selezionato: esegui istantaneamente e visualizza l'anteprima del codice HTML [Chrome]

HTML potrebbe essere un linguaggio Web molto semplice, ma quellonon significa che non sia utile. L'HTML di base è estremamente facile da imparare e puoi letteralmente insegnarti come creare un semplice modulo in un giorno. Una volta che inizi, realizzerai due cose; uno, che è davvero facile da imparare e due, che devi aggiornare la tua pagina HTML ogni volta che apporti la minima modifica al file sorgente. Non solo, molti dei migliori siti Web per l'apprendimento dell'HTML non ti danno un'anteprima di ciò che fa un determinato tag e se vuoi solo vedere come un determinato bit di codice viene visualizzato come una pagina web, dovrai creare un HTML file per esso. È poco tempo per non dire altro. Un'estensione di Google Chrome, Esegui HTML selezionato, può essere di grande aiuto in questo caso. Con questa estensione, puoi eseguire immediatamente una demo di qualsiasi codice HTML selezionato. L'utilizzo è semplice come evidenziare il codice, fare clic sull'opzione Esegui codice selezionato nel menu di scelta rapida e visualizzare il codice come pagina Web.

L'estensione aggiunge un'opzione Esegui codice selezionato èaggiunto al menu contestuale del tasto destro del mouse e funziona su frammenti di codice sia HTML che HTML5. Ciò che rende davvero utile l'estensione è che anche se i tag <html> e </html> non sono presenti all'inizio e alla fine di una sequenza di codice, l'estensione renderà comunque il codice. Prendiamo ad esempio il seguente codice (per gentile concessione di W3Schools);

<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
Your browser does not support the video tag.
</video>

HTML

Sebbene i tag HTML di base non siano presenti, ilextension rende questo codice perfettamente. L'utilità di Esegui HTML selezionato non sta solo nella sua capacità di farti visualizzare rapidamente l'anteprima del codice, ma anche nel fatto che è un ottimo modo per mostrare il codice a un grande gruppo di persone nel minor tempo possibile.
Quindi, ogni volta che ti imbatti in un codice HTML, fai clic su questa opzione e visualizza l'anteprima del codice nel browser. Il risultato del codice selezionato si apre in una nuova scheda.

L'estensione può tornare molto utile consessioni di sviluppo complicate, poiché non avresti più bisogno di copiare e incollare il codice o salvare il codice HTML più volte per l'anteprima. Visita il link indicato di seguito, dai un'occhiata e facci sapere cosa ne pensi.

Intsall Esegui estensione HTML selezionata per Google Chrome

Commenti