Ein HTML-Codierer sollte wissen: Ein Zeichen von Professionalität ist die gleiche Darstellung und Funktionsweise einer Site-Seite in jedem Browser, zumindest in den „großen Drei“, zu denen die Browser Internet Explorer, Opera, Mozilla Firefox gehören. Der Prozess der Überprüfung der Richtigkeit der Site-Anzeige besteht aus drei Hauptphasen.
Es ist notwendig
- • Mehrere Browser auf dem Computer installiert.
- • Beachtung.
Anleitung
Schritt 1
Stufe eins, vorbereitend
Der Vorbereitungsprozess besteht darin, das Browser-Verteilungskit herunterzuladen und auf dem Computer zu installieren. Jeder Installationsprozess endet mit der Frage: "Diesen Browser standardmäßig enthalten?". Also, die wichtigste oder standardmäßig enthaltene, müssen Sie diejenige machen, die in Bezug auf die Größe möglicher "Pfosten" eine Zwischenposition einnimmt. Nach der Erfahrung vieler Generationen von Layoutern ist dies der Opera-Browser.
Nachdem Sie mehrere Browser auf Ihrem Computer installiert haben, fahren Sie direkt mit dem Vergleich fort. Fahren Sie dazu mit der Maus über die Datei mit der Endung.html, die der Website-Seite oder dem gesamten Template zugrunde liegt, und klicken Sie mit der rechten Maustaste darauf. Wählen Sie in der sich öffnenden Registerkarte "Öffnen mit" und dann den gewünschten Browsertyp aus. Die Datei kann in mehreren Browsern gleichzeitig geöffnet werden, sodass sie auf der Desktop-Taskleiste minimiert und bei Bedarf geöffnet werden.
Schritt 2
Stufe zwei – visueller Vergleich
Optisch können sich die Seiten der Website im Browser in drei Hauptparametern unterscheiden:
1. Um die Anzahl der Einzüge und Ränder zwischen Seitenelementen. IE ist besonders ausgefeilt, die wahren Werte der Padding- und Margin-Eigenschaften zu berechnen.
2. Verschiedene Browser zeigen Schriftarten unterschiedlich an, sogar Standardschriftarten wie Arial und Times New Roman. Dies trifft am härtesten auf Menüzeilen zu, die in zwei Zeilen angezeigt oder vollständig in die zweite Zeile umbrochen werden können.
3. Korrektheit der Anzeige von Bildern. Im einfachsten Fall lesen einige Browser wie Opera die in den Tag-Attributen angegebenen vspace- und hspase-Eigenschaften nicht
… Manchmal werden Bilder nicht in Tabellenzellen zentriert, wenn die Attribute
diese Bedingung wird nicht ausgeschrieben. Aber das Hauptproblem für den Layout-Designer ist die Vorbereitung des.png-Bildformats. Der transparente Kanal im Code dieser Datei wird von allen Browsern auf seine eigene Weise gelesen, insbesondere dem IE gelingt dies. Daher werden anstelle von schönen durchscheinenden Bildern oft hässliche graue Flecken beobachtet.
Stufe drei - Funktionsprüfung
In diesem Stadium müssen Sie die "Dropdown"-Menüelemente überprüfen. Bei ihrer Arbeit sollte es beim Öffnen einzelner Menüpunkte keine Ruckler, Verlangsamungen und vor allem einen Sprung in den allgemeinen Inhalt der Seite geben. Gleiches gilt für die Textelemente der Seite, die beim Anklicken des Buttons oder der Beschriftung „mehr Details“vollständig aufgeklappt werden.
Zusammenfassend möchte ich sagen, dass das Ringen um "Cross-Browser-Kompatibilität" - so heißt die Eigenschaft einer Seite überall gleich angezeigt zu werden, der Prozess komplex und spannend ist und viel Praxis erfordert Erfahrung.
Schritt 3
Stufe drei - Funktionsprüfung
In diesem Stadium müssen Sie die "Dropdown"-Menüelemente überprüfen. Bei ihrer Arbeit sollte es beim Öffnen einzelner Menüpunkte keine Ruckler, Verlangsamungen und vor allem einen Sprung in den allgemeinen Inhalt der Seite geben. Gleiches gilt für die Textelemente der Seite, die beim Anklicken des Buttons oder der Beschriftung „mehr Details“vollständig aufgeklappt werden.
Zusammenfassend möchte ich sagen, dass das Ringen um "Cross-Browser-Kompatibilität" - so heißt die Eigenschaft einer Seite überall gleich angezeigt zu werden, der Prozess komplex und spannend ist und viel Praxis erfordert Erfahrung.
