Koder HTML powinien wiedzieć: oznaką profesjonalizmu jest samo wyświetlanie i funkcjonowanie strony w dowolnej przeglądarce, przynajmniej w „wielkiej trójce”, do której należą przeglądarki Internet Explorer, Opera, Mozilla Firefox. Proces weryfikacji poprawności wyświetlania strony składa się z trzech głównych etapów.
Czy to jest to konieczne
- • Kilka przeglądarek zainstalowanych na komputerze.
- • Uwaga.
Instrukcje
Krok 1
Etap pierwszy, przygotowawczy
Proces przygotowania polega na pobraniu pakietu dystrybucyjnego przeglądarki i zainstalowaniu go na komputerze. Każdy proces instalacji kończy się pytaniem: „czy włączyć tę przeglądarkę domyślnie?”. Tak więc główny, lub dołączony domyślnie, musisz zrobić ten, który zajmuje pozycję pośrednią pod względem wielkości możliwych „ościeżnic”. Zgodnie z doświadczeniem wielu pokoleń projektantów layoutów jest to przeglądarka Opera.
Po zainstalowaniu kilku przeglądarek na komputerze przejdź bezpośrednio do procesu porównywania. W tym celu najedź kursorem na plik z rozszerzeniem.html, który będzie podstawą strony internetowej lub całego szablonu i kliknij na niego prawym przyciskiem myszy. Na karcie, która się otworzy, wybierz „otwórz za pomocą”, a następnie wybierz typ przeglądarki, którą chcesz. Plik można otworzyć w kilku przeglądarkach jednocześnie, pozostawiając je zminimalizowane na pasku zadań pulpitu i otwierane w razie potrzeby.
Krok 2
Etap drugi - porównanie wizualne
Wizualnie strony witryny w przeglądarce mogą różnić się trzema głównymi parametrami:
1. O ilość wcięć i marginesów między elementami strony. IE jest szczególnie wyrafinowany w obliczaniu prawdziwych wartości właściwości dopełnienia i marginesu.
2. Różne przeglądarki w różny sposób wyświetlają czcionki, nawet standardowe, takie jak Arial i Times New Roman. Jest to najtrudniejsze trafienie dla linii pozycji menu, które mogą być wyświetlane w dwóch liniach lub całkowicie zawinięte do drugiego rzędu.
3. Poprawność wyświetlania zdjęć. W najprostszych przypadkach niektóre przeglądarki, takie jak Opera, nie odczytują właściwości vspace i hspase określonych w atrybutach tagów
… Czasami obrazy nie są wyśrodkowane w komórkach tabeli, jeśli atrybuty
warunek ten nie jest sprecyzowany. Ale głównym problemem dla projektanta układu jest przygotowanie formatu obrazu.png. Przezroczysty kanał w kodzie tego pliku jest odczytywany przez wszystkie przeglądarki na swój sposób, zwłaszcza IE to się udaje. Dlatego zamiast pięknych półprzezroczystych obrazów często obserwuje się brzydkie szare plamy.
Etap trzeci - kontrola funkcjonalna
Na tym etapie musisz sprawdzić pozycje menu „rozwijanego”. W ich pracy nie powinno być szarpnięć, spowolnień, a co najważniejsze skoku w ogólnej zawartości strony przy otwieraniu poszczególnych pozycji menu. To samo dotyczy elementów tekstowych strony, które są w pełni rozwijane po kliknięciu przycisku lub napisu „więcej szczegółów”.
Podsumowując, chciałbym powiedzieć, że walka o „kompatybilność z różnymi przeglądarkami” - to nazwa właściwości strony, która ma być wyświetlana wszędzie w ten sam sposób, proces jest złożony i ekscytujący, wymagający wiele praktycznych doświadczenie.
Krok 3
Etap trzeci - kontrola funkcjonalna
Na tym etapie musisz sprawdzić pozycje menu „rozwijanego”. W ich pracy nie powinno być szarpnięć, spowolnień, a co najważniejsze skoku w ogólnej zawartości strony przy otwieraniu poszczególnych pozycji menu. To samo dotyczy elementów tekstowych strony, które są w pełni rozwijane po kliknięciu przycisku lub napisu „więcej szczegółów”.
Podsumowując, chciałbym powiedzieć, że walka o „kompatybilność z różnymi przeglądarkami” - to nazwa właściwości strony, która ma być wyświetlana wszędzie w ten sam sposób, proces jest złożony i ekscytujący, wymagający wiele praktycznych doświadczenie.
