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

click fraud protection

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

  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.

Problemy z testowaniem

Istnieje kilka rzeczy, które mogą się nie udać podczas testowania stron internetowych na dysku twardym, a nie na serwerze internetowym. Upewnij się, że Twoje strony są poprawnie skonfigurowane do testowania:

  • Używaj w pełni kwalifikowanych ścieżek bezwzględnych dla łączy. Możesz użyć ścieżki względem strony dla linków, ale najlepszym sposobem testowania linków przed opublikowaniem strony jest skorzystanie z pełnej ścieżki do strony, do której prowadzi link. Innymi słowy, dołącz nazwę domeny do swoich linków.
  • Użyj ścieżek względnych względem strony dla swoich obrazów. Chociaż możesz użyć pełnego adresu URL dla swoich obrazów, jeśli testowana strona jest nowa, istnieje prawdopodobieństwo, że obrazy nie są przesyłane na serwer, podobnie jak kod HTML. Korzystając ze ścieżek do obrazów, które odnoszą się do bieżącej strony, pojawią się one podczas testowania pliku na dysku twardym.
  • Sprawdź ścieżki do zewnętrznych plików CSS i JavaScript. Nie ma dobrej reguły dotyczącej używania pełnej ścieżki lub względnej ścieżki URL w skryptach i plikach CSS — zależy to od Twojej witryny i tego, co działa najlepiej. Zamiast tego powinieneś sprawdzić, czy plik, na który wskazujesz, zawiera najbardziej aktualne informacje. Na przykład, jeśli opublikujesz adres URL z pełną ścieżką dla swojego CSS, będziesz musiał przesłać ten plik na serwer podczas testowania.

Pamiętaj, aby przetestować w wielu przeglądarkach

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

  • Internet Explorer
  • Opera
  • Firefox
  • Safari
  • Chrom

Po upewnieniu się, że strona wygląda prawidłowo w przeglądarkach, które masz na dysku twardym, możesz ją przesłać i ponownie przetestować z serwera 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, w celu przeprowadzenia obszernych testów.