6 Juni 2020

Web Programmierung. Was ist browserübergreifende Kompatibilität?

Zum Anzeigen von Internetseiten verwenden Internetbenutzer spezielle Programme – Browser. Vor ein paar Jahren kannten Internetbesucher nur einen oder zwei verschiedene Browser, aber jetzt liegt die Anzahl solcher Programme bei zehn, insbesondere wenn man bedenkt, dass jedes von ihnen mehrere Versionen hat, die sich in ihrer Funktionalität unterscheiden.
In diesem Zusammenhang wurde das Konzept der browserübergreifenden Kompatibilität eingeführt – ein Konzept, das die Eigenschaft einer Website beschreibt, identisch zu arbeiten und in allen Browsern angezeigt zu werden (normalerweise werden nur die gängigsten berücksichtigt). Unter Identität wird das Fehlen eines Layoutkollapses und die Fähigkeit verstanden, Material mit dem gleichen Grad an Lesbarkeit anzuzeigen. Das Konzept der „Cross-Browser-Kompatibilität“ wird sehr oft mit der Pixel-für-Pixel-Korrespondenz verwechselt, was eigentlich ein anderes Konzept ist.

Wie kann ich eine browserübergreifende Website sicherstellen?
Damit die Website in Internet Explorer, FireFox, Opera und Google Chrome mit einer Vielzahl von Versionen (von der ältesten bis zur neuesten) gleich aussieht, muss sich der Webdesigner von Anfang an um den Cross-Browser seiner Idee kümmern.

Wo soll ich anfangen? Zunächst müssen Sie entscheiden, mit welchen Browsern die Site funktionieren soll. Dazu müssen Sie die Statistiken der Besuche vor Ort (z. B. mit ähnlichen Themen) studieren, in denen Sie sehen können, welche Browser die Besucher verwendet haben. Google Analytics bietet diese Funktion beispielsweise an. Nachdem Sie die beliebtesten Browser in Bezug auf die Anzahl der Besuche ermittelt haben, können Sie mit der Aktion fortfahren.

Tatsache ist, dass verschiedene Browser allgemeine Regeln und Standards einhalten, aber es kann vorkommen, dass die Verarbeitungsalgorithmen für HTML-Codes und kaskadierende CSS-Tabellen für sie unterschiedlich sind. Und deshalb sieht nicht immer dasselbe Element in verschiedenen Browsern gleich aus.

Es gibt verschiedene Lösungen für dieses Problem. Die von vielen Webprogrammierern am häufigsten verwendete Methode ist das Schreiben der sogenannten „Hacks“ – Sätze spezieller Selektoren oder Regeln, die nur von einem bestimmten Browser verstanden werden. Das heißt, wenn Sie die Site beispielsweise in drei Browsern korrekt anzeigen müssen, müssen Sie für jeden dieser Browser einen „Hack“ schreiben. Für Dutzende verschiedener Browser und deren Versionen ist die Registrierung von „Hacks“ jedoch langwierig und irrational. Eine andere Möglichkeit besteht daher darin, einfach die Elemente im Layout des HTML-Codes zu verwenden, die in allen erforderlichen Browsern gleich angezeigt werden.

Cross-Browser-Kompatibilität
Wie teste ich die Site auf Cross-Browser-Kompatibilität?
Testen Sie die Site am besten auf browserübergreifende Kompatibilität auf einem lokalen Computer, auf dem verschiedene Browser und verschiedene Browserversionen installiert sind, und ändern Sie die Auflösung des Monitors. Dies kann durch Erstellen mehrerer virtueller Maschinen mit unterschiedlichen Betriebssystemen erfolgen, auf denen verschiedene Browser installiert werden (Linux-, Windows-, Mac OS- und BSD-Browser).

Sie können die Site auf browserübergreifende Kompatibilität überprüfen, indem Sie einen Webserver auf dem lokalen Computer (ISS, Apache, …) installieren und über die IP-Adresse des Computers (http://127.0.0.1) auf die Seite zugreifen. Die Nachteile dieser Überprüfungsmethode: Sie testen die Site nur unter einem Betriebssystem und unter Browsern, die mit diesem Betriebssystem kompatibel sind. In den meisten Fällen können Sie ältere Browserversionen nicht parallel zu neuen Versionen installieren. Sie verbringen viel Zeit mit der Installation des Webservers und der Browser / verschiedener Versionen Browser.

Um die Überprüfung der Website auf Kompatibilität mit verschiedenen Browsern zu erleichtern, gibt es bereits vorgefertigte Dienstprogramme und Onlinedienste. Mit solchen Diensten sparen Sie sich die Installation aller von Ihnen überprüften Browser oder Versionen von Browsern, virtuellen Maschinen. Es reicht aus, nur das Dienstprogramm zu installieren oder den browserübergreifenden Online-Überprüfungsdienst zu besuchen. Auf diese Weise können Sie Screenshots der Site in verschiedenen Browsern anzeigen und diese dann vergleichen und analysieren.

photo
photo