Dopo aver scritto un codice nel codice Visual Studio, dovrebbe essere aperto su un browser Web di sicuro. In effetti, durante la realizzazione di una pagina Web, è necessario aprire e visualizzare frequentemente i risultati o l'output del codice e dopo ogni operazione eseguita tramite il codice. Questo viene fatto per assicurarsi che il codice venga implementato correttamente o no.

In questo post, ci saranno due modi più comunemente usati per aprire un file HTML del codice Visual Studio nel browser Web.

Prerequisito: imposta il documento HTML

Per visualizzare un file HTML nel browser Web, deve esistere un file HTML. Quindi, crea prima il file. Supponiamo che ci sia il seguente file che dovrebbe essere aperto in un browser Web:

Ciao mondo!

Questo è il contenuto della pagina web ..

-Nel codice sopra, c'è un semplice

Intestazione e un sottotitolo

dopo di che.

corpo
Testo-align: centro;

H1
Colore: verde;

Nell'elemento in stile CSS, ci sono due proprietà aggiunte (i.e., allineamento e colore del testo) riferendosi al “corpo" E "

" intestazione.

Metodo 1: copia e incolla il percorso del file nel browser

Uno dei metodi per aprire o visualizzare il file HTML nel browser è semplicemente copiare il percorso del file e incollare nel browser. Capiamolo in dettaglio.

Fare clic con il tasto destro del mouse sul nome del file e quindi fare clic su "Copia del percorso" opzione. In questo modo, il file verrà copiato dal codice Visual Studio:

Apri il browser e poi incolla l'URL copiato nel browser:

Ciò visualizzerà i risultati della pagina Web sul browser:

Metodo 2: Apri tramite Live Server

Un altro modo per visualizzare un file HTML nel browser è abilitando un'estensione del server live nel codice Visual Studio e quindi utilizzando tale estensione per visualizzare il file nel browser.

TIl codice Visual Studio "Server live"L'estensione verrà utilizzata in questo metodo. Quindi, installa prima l'estensione se non è già stata installata:

Fare clic con il pulsante destro del mouse in qualsiasi parte dell'area in cui il codice è stato scritto, quindi seleziona "Apri con il server live" opzione:

Ciò caricherà automaticamente il collegamento URL del file di codice Visual Studio pertinente e visualizzerà i risultati nel browser:

Questi erano i due metodi più comuni usati per visualizzare un file HTML nel browser.

Conclusione

Un file HTML sul codice Visual Studio può essere visualizzato nel browser in più modi. Uno dei modi è copiare il percorso del file dal codice Visual Studio e quindi incollarlo nel browser Web. Un altro modo è utilizzare l'estensione del server Visual Studio Live per caricare l'URL del file nel browser Web. Questo articolo ha spiegato in dettaglio entrambi i metodi.