Po napisaniu kodu w kodzie Visual Studio, na pewno należy go otworzyć w przeglądarce internetowej. W rzeczywistości, tworząc stronę internetową, konieczne jest częste otwarcie i wyświetlanie wyników lub wyjścia kodu i po każdej operacji wykonanej za pomocą kodu. Odbywa się to, aby upewnić się, że kod jest poprawnie zaimplementowany lub nie.

W tym poście będą dwa najczęściej używane sposoby otwarcia pliku HTML kodu Visual Studio w przeglądarce internetowej.

Warunek: Skonfiguruj dokument HTML

Aby wyświetlić plik HTML w przeglądarce internetowej, musi istnieć plik HTML. Więc najpierw utwórz plik. Załóżmy, że istnieje następujący plik, który ma zostać otwarty w przeglądarce internetowej:

Witaj świecie!

To jest treść strony internetowej…

-W powyższym kodzie jest proste

nagłówek i podtytuł

po tym.

ciało
Text-Align: Center;

H1
Zielony kolor;

W elemencie stylu CSS dodano dwie właściwości (i.mi., Tekst wyrównany i kolor) odnoszący się do „ciało" I "

„Kieruje się.

Metoda 1: Skopiuj i wklej ścieżkę pliku w przeglądarce

Jedną z metod otwierania lub przeglądania pliku HTML w przeglądarce jest po prostu kopiowanie ścieżki pliku i wklejenie do przeglądarki. Rozumiemy to szczegółowo.

Kliknij prawym przyciskiem myszy nazwę pliku, a następnie kliknij „Kopiuj ścieżkę" opcja. W ten sposób plik zostanie skopiowany z kodu Visual Studio:

Otwórz przeglądarkę, a następnie wklej skopiowany adres URL do przeglądarki:

To wyświetli wyniki strony internetowej w przeglądarce:

Metoda 2: Otwórz przez serwer na żywo

Innym sposobem wyświetlenia pliku HTML w przeglądarce jest włączenie rozszerzenia serwera na żywo w kodzie Visual Studio, a następnie użycie tego rozszerzenia do wyświetlenia pliku w przeglądarce.

TOn wizualny kod studia „Serwer na żywo„Rozszerzenie zostanie zastosowane w tej metodzie. Tak więc najpierw zainstaluj rozszerzenie, jeśli jeszcze nie został zainstalowany:

Kliknij prawym przyciskiem myszy w dowolnym miejscu w obszarze, w którym kod został napisany, a następnie wybierz „Otwórz z serwerem na żywo" opcja:

To automatycznie załaduje link URL odpowiedniego pliku kodu Visual Studio i wyświetli wyniki w przeglądarce:

Były to dwie najczęstsze metody wyświetlania pliku HTML w przeglądarce.

Wniosek

Plik HTML w kodzie Visual Studio może być wyświetlany w przeglądarce na wiele sposobów. Jednym z sposobów jest kopiowanie ścieżki pliku z kodu Visual Studio, a następnie wklejenie do przeglądarki internetowej. Innym sposobem jest użycie rozszerzenia Visual Studio Live Server do załadowania adresu URL plików w przeglądarce internetowej. W tym artykule szczegółowo wyjaśniono obie metody.