Website-Darstellung in diversen Browsern

Jeder, der einen eigenen Blog oder eine eigene Website betreibt und dort auch an der Optik bastelt, kennt das Problem: es gibt Institutionen, die bestimmte Standards für HTML, CSS & Co. festgelegen. Eigentlich sollte daher der Code von allen Browsern gleich interpretiert werden, mit der Folge, dass in allen Browsern eure Seiten gleich angezeigt werden… eigentlich!

In der Praxis sieht die Sache jedoch leider anders aus. Zwar sehen sich die Seiten in den verschiedenen Browsern zumeist halbwegs ähnlich, von einer wirklich gleichen Darstellung kann jedoch nur selten die Rede sein, da jeder Browser-Hersteller doch irgendwie sein eigenes Süppchen kocht und Code geringfügig anders interpretiert. Das führt dann dazu, dass die Schrift im einen Browser ein wenig größer oder breiter dargestellt wird als im anderen. Der nächste Browser stellt eine Grafik um ein paar Pixel versetzt dar und wieder ein anderer Browser kann einen speziellen Befehl nicht darstellen, da er nicht zum offiziellen Standard gehört.

Besonders lustig ist, dass teilweise sogar große Anzeige-Unterschiede zwischen gleichen Browsern mit lediglich unterschiedlicher Version bestehen. Das führt dazu, dass man als Webdesigner -oder eben auch als Blogbetreiber mit der Neigung dazu, ab und an am eigenen Blog zu basteln- die Anzeige seiner Seite zumindest in den gängigsten Browsern testen sollte, um sicher zu sein, dass man allen Besuchern ein lesbares Exemplar präsentiert, egal welchen Browser die Leser bevorzugen.

Da aber kaum jemand Zeit und Lust haben dürfte, auf seinem Rechner dutzend verschiedene Browser zu installieren und die eigene Seite womöglich noch unter unterschiedlichsten Betriebssystemen zu testen, habe ich im Internet eine Alternative auf einer Website gefunden, die ich euch heute vorstellen möchte.

Hierbei handelt es sich um die Seite BrowserShots.org. Dort könnt ihr die Anzeige eurer Seite unter diversen Konfigurationen testen lassen. Zur Auswahl stehen hier alle “größeren” Browser in verschiedenen Versionen unter den Betriebssystemen Windows, Linux und Mac. Ihr könnt durch entsprechendes Anklicken gezielt auswählen, in welchen Browsern eure Seite getestet werden soll.

Ferner könnt ihr auf der Seite noch einstellen, ob bei der Überprüfung eurer Seite dann Dinge wie Flash, Javascript und ähnliches aktiviert oder deaktiviert sein soll, da es ja auch einige Internetuser gibt, die aus Sicherheitsgründen Javascript standardmäßig auf unbekannten Seiten erst einmal deaktiviert haben. Auch Dinge wie die Bildschirmauflösung (nicht jeder hat ein Breitbild-TFT) und

Habt ihr alle Einstellungen vorgenommen, müsst ihr nur noch die Adresse eurer zu prüfenden (Unter-)Seite in das Eingabefeld eingeben und auf den Button “Submit” klicken. Jetzt wird eure Seite in allen ausgewählten Browsern unter allen entsprechenden Betriebssystemen mit der gewünschten Konfiguration getestet und ein Screenshot von jedem einzelnen Test angefertigt udn auf der Seite zur Verfügung gestellt.

Je mehr Browser ihr ausgewählt habt, desto länger dauert diese Prozedur natürlich. Dafür bekommt ihr dann aber auch einen recht umfassenden Überblick darüber, wie eure Seite unter allen erdenklichen Konfigurationen aussieht, so dass ihr gezielt Anzeigeprobleme ermitteln und hoffentlich beheben könnt.

Also dann, viel Spaß beim Optimieren eurer Website ;)


Artikel weiterempfehlen und Blog unterstützen:

    
  


Ähnliche Artikel: