Dies ist mein erster Gastbeitrag in Luigis Blog. Man könnte durchaus sagen, dass ich schon beim Schreiben dieses Artikels etwas aufgeregt bin. Wie mein Geschreibsel wohl ankommt? Ob Luigi mir die Ohren abreißt? Na mal sehen.
Luigi hat in einem Artikel geschrieben, dass nun seine bevorzugte Schriftart endlich in den Blog eingebunden werden konnte. Änderungen im Theme sind doch manchmal wirklich schön. Zumindest wenn sie so gelingen wie man es gerne hätte. Aber kaum jemand macht sich Gedanken darüber, wie die Webseite auf Systemen aussieht, die nicht Firefox, IE oder Chrome heißen. Und Safari.
Sicherlich kann man sagen, dass die meisten Internetnutzer diese Browser nutzen. Aber es gibt eben auch andere und auch diese „Kunden“ möchten gerne beachtet werden. Aber wie findet man heraus, wie Deine Webseite auf anderen Browsern aussieht, ohne gleich alle möglichen Installationen durchführen zu müssen?
Screenshot Brwosershots
Screenshot Brwosershots
Browsershots – Lösung im Internet
Das Internet wäre wohl kaum das Internet, wenn nicht auch für ein solches Problem schon längst eine Lösung gefunden wäre. Diese nennt sich Browsershots. Eine Webseite, die von jeder URL Screenshots aus Sicht der verschiedensten Browser macht.
Wie funktioniert Browsershots?
Die Internetseite ist enorm schlicht gehalten. Man gibt auf der Startseite seine eigene URL an und dann muss gewartet werden. Je nachdem wie viele Browser man gerne testen möchte kann das schon einmal bis zu zwei Stunden dauern. Bei mir ist das meist aber wesentlich weniger und so muss ich nur ein paar Minuten warten.
Nachdem die Screenshots hochgeladen wurden, kann man sich das Ergebnis ansehen und stellt schnell fehlerhafte Darstellungen fest. Sei es in älteren Browsern oder weil eine CSS Deklaration daneben geschossen ist – Hier sieht man nahezu alles.
Browsershots.org – Mein Fazit
Wenn man ambitioniert genug ist, und versuchen möchte es allen recht zu machen, ist dieses Tool ein optimaler Wegweiser um Fehler im CSS Code zu entlarven. Und das auf nahezu allen Browsern. Ich persönlich kenne nicht jeden CSS Hack und kann auch meinen Blog nicht ständig so umändern, dass er allen gerecht wird, aber den ein oder Fehler konnte ich durch dieses Tool aufdecken und infolge dessen natürlich auch beheben. Gerade bei den noch gängigen Browsern stellen sich ab und an einmal Fehler ein, die man eben nicht auf den ersten Blick sehen kann. Deswegen und weil es kostenlos ist, bekommt Browsershots.org einen „Daumen hoch“ von mir.
28. Juni 2011 um 17:48
Gerade als ich die Autorenbox sah, nachdem ich den Artikel im Feedreader gelesen habe, dachte ich, ich bin falsch gelandet, musste mehrmals nachsehen…
Aber was ich eigentlich sagen wollte: Ich kenne das Tool, nutze es aber ehrlich gesagt gar nicht. Ich habe so einige Browser, auch in unterschiedlichen Versionen installiert und sehe mir das Ganze lieber live an. Meine Erfahrung ist aber, dass wenn man Firefox konform proggt, es höchstens in IE6+7 sowie in Google Chrome zu kleineren Probs kommen kann.
29. Juni 2011 um 08:40
Überrascht einen anderen Autor zu sehen? Ist ja witzig :-)
Ich habe nur den Chrome installiert, deswegen finde ich das Tool eigentlich ganz gut. Aber wenn man mehrere Browser in verschiedenen Versionen hat, ist das natürlich überflüssig :-)
Hey, das ist genial. Ich hatte früher auch immer gefühlte 20.000 verschiedene Browser installiert, um div. Dinge überprüfen zu können. Irgendwann hatte ich keine Lust mehr drauf und seit dem nur noch 2 verschiedene. Da ich eh nix mehr am Grundgerüst ändere, verlasse ich mich einfach drauf, dass alles passt.
Ich geh jetzt erstmal nen Suchlauf starten :) Danke!
Pingback: Blogger pushen Blogger – Die erste Auswertung — Blog Verdiener