Skip to main content

Jak wyświetlić podgląd stron internetowych przed ich przesłaniem

Kurs HTML odc.1: Tworzenie stron www. Pierwszy projekt, wiedza podstawowa (Czerwiec 2026)

Kurs HTML odc.1: Tworzenie stron www. Pierwszy projekt, wiedza podstawowa (Czerwiec 2026)
Anonim

Wiele osób nie zdaje sobie sprawy, że kiedy tworzysz stronę internetową na swoim komputerze, nie musisz publikować jej na serwerze WWW, aby ją wyświetlić. Podczas wyświetlania podglądu strony internetowej na dysku twardym wszystkie funkcje związane z przeglądarką (takie jak JavaScript, CSS i obrazy) powinny działać dokładnie tak samo, jak na serwerze sieci Web. Testowanie stron internetowych w przeglądarkach internetowych przed umieszczeniem ich na żywo jest dobrym pomysłem.

  1. Zbuduj swoją stronę internetową i zapisz ją na dysku twardym.

  2. Otwórz przeglądarkę internetową i przejdź do menu Plik i wybierz otwarty.

  3. Przejdź do pliku zapisanego na dysku twardym.

Testowanie problemów

Jest kilka rzeczy, które mogą pójść źle podczas testowania stron internetowych na dysku twardym, a nie na serwerze WWW. Upewnij się, że Twoje strony są poprawnie skonfigurowane do testowania:

  • Użyj w pełni kwalifikowanych ścieżek bezwzględnych dla linków. Ścieżek do strony można używać dla linków, ale najlepszym sposobem na przetestowanie linków przed opublikowaniem strony jest użycie pełnej ścieżki do strony, do której prowadzą linki. Innymi słowy, dołącz nazwę domeny do twoich linków.
  • Użyj ścieżek do strony dla swoich zdjęć. Mimo że możesz użyć pełnego adresu URL do obrazów, jeśli testowana strona jest nowa, najprawdopodobniej Twoje obrazy nie zostaną przesłane na serwer tak samo, jak HTML. Używając ścieżek do obrazów, które są względne w stosunku do bieżącej strony, będą wyświetlane podczas testowania pliku na dysku twardym.
  • Sprawdź ścieżki do plików zewnętrznych CSS i JavaScript. Nie ma dobrej reguły, aby używać skryptów pełnych lub ścieżek względnych dla skryptów i plików CSS - zależy to od Twojej witryny i tego, co najlepiej dla Ciebie działa. Zamiast tego należy sprawdzić, czy jakikolwiek plik, który wskazujesz, zawiera najbardziej aktualne informacje. Jeśli na przykład publikujesz pełną ścieżkę URL do swojego CSS, musisz przesłać ten plik na serwer podczas testowania.

    Upewnij się, że testujesz w wielu przeglądarkach

    Po przejrzeniu strony w jednej przeglądarce możesz skopiować adres URL z paska Lokalizacja w przeglądarce i wkleić go do innych przeglądarek na tym samym komputerze. Kiedy budujemy witryny na komputerach z systemem Windows, przetestuj strony w następujących przeglądarkach przed przesłaniem czegokolwiek:

    • Internet Explorer
    • Opera
    • Firefox
    • Safari
    • Chrom

    Po upewnieniu się, że strona wygląda poprawnie w przeglądarkach na twardym dysku, możesz przesłać ją i przetestować ponownie na serwerze sieci Web. Po przesłaniu należy połączyć się ze stroną z innymi komputerami i systemami operacyjnymi lub użyć emulatora przeglądarki, takiego jak BrowserCam, aby przeprowadzić obszerne testy.