{"id":6541,"date":"2014-08-08T00:00:00","date_gmt":"2014-08-07T22:00:00","guid":{"rendered":"https:\/\/waltersblog.ch\/2014\/08\/08\/internet-explorer-und-andere-browser\/"},"modified":"2014-08-08T00:00:00","modified_gmt":"2014-08-07T22:00:00","slug":"internet-explorer-und-andere-browser","status":"publish","type":"post","link":"https:\/\/walterlernt.ch\/blog\/internet-explorer-und-andere-browser\/","title":{"rendered":"Internet Explorer und andere Browser"},"content":{"rendered":"<h3>Welche Browserversion soll von meiner Website unterst\u00fctzt sein?<\/h3>\n<p>In den meisten F\u00e4llen achte ich momentan (2014)\u00a0auf folgende Punkte:<\/p>\n<ul>\n<li>Die Website soll \u00fcberall funktionieren aber\u00a0f\u00fcr moderne Browser\/Systeme fortschrittlicher sein (in Funktion und Design),<\/li>\n<li>Die Website muss nicht in allen Browsern gleich aussehen<\/li>\n<li>Wenn man\u00a0sauberen Code hat (Webstandards unterst\u00fctzt), dann ist Kompatibilit\u00e4t mit\u00a0aktuellen und zuk\u00fcnftigen Browserversionen kein Problem<\/li>\n<li>Mobil ist viel wichtiger als alte Internet Explorer Versionen<\/li>\n<li>Auf Kosten von Code-Qualit\u00e4t, einfacher Wartung\u00a0und Performance verzichte ich in \u00e4lteren Browsern auf gerundete Ecken und Schatten etc. in \u00e4lteren Browsern<\/li>\n<li>Es gibt einen grossen Unterschied zwischen &#8220;nicht sch\u00f6n in IE8&#8221; und &#8220;funktioniert nicht in IE8&#8221;<\/li>\n<\/ul>\n<p>Stichwort:\u00a0<a href=\"http:\/\/de.wikipedia.org\/wiki\/Progressive_Verbesserung\" target=\"_blank\" rel=\"noopener\">Progressive Enhancement<\/a>\u00a0(Wikipedia):<\/p>\n<blockquote><p>&#8230;dass Webseiten grunds\u00e4tzlich mit jedem Webbrowser und jeder Art Internetverbindung in ihrer grundlegendsten Form \u2013 der Bereitstellung von Information \u2013 zug\u00e4nglich sein sollten und Benutzern mit besserer Bandbreite und fortgeschritteneren Browsern mit erweiterter Funktionalit\u00e4t eine verbesserte Version der Seite dargestellt wird.<\/p><\/blockquote>\n<h3>Warum soll uns das k\u00fcmmern?<\/h3>\n<p>Also Web-Konsument gehe ich einfach ins Internet. Die Browserwahl ist eine pers\u00f6nliche Wahl, wie Parf\u00fcm oder Automarke.<\/p>\n<p>Wer Websites ins Internet stellt, muss sich auf einer anderen Ebene Gedanken machen, denn unsere Websites werden mit\u00a0diesen Browsern besucht. Wenn meine Website in einem Browser nicht funktioniert, der 20% Markanteil hat, dann verliere ich viele Kunden damit. Kaum ein Business kann sich das erlauben.<\/p>\n<p>Schauen wir mal die verschiedenen Browser an:<\/p>\n<h3 style=\"text-align: left;\">Safari<\/h3>\n<p><a href=\"https:\/\/walterlernt.ch\/blog\/wp-content\/uploads\/2022\/08\/safari-logo.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail wp-image-3528 alignnone\" src=\"https:\/\/walterlernt.ch\/blog\/wp-content\/uploads\/2022\/08\/safari-logo-150x150.jpg\" alt=\"safari-logo\" width=\"150\" height=\"150\" \/><\/a><\/p>\n<p>Safari ist bei aktuellen Macs vor installiert. Ein aktueller, sauberer Browser, der auf Macs beliebt ist, wegen dem Zusammenspiel der verschiedenen Ger\u00e4te und (seit OS X Mavericks) der Leistungsf\u00e4higkeit von Safari auf OS X. Ich gewann eine Stunde mehr Batterielaufzeit dank dem Wechsel von Google Chrome zu Safari.<\/p>\n<h3>Firefox<\/h3>\n<p><a href=\"https:\/\/walterlernt.ch\/blog\/wp-content\/uploads\/2022\/08\/ff-logo.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail wp-image-3529 alignnone\" src=\"https:\/\/walterlernt.ch\/blog\/wp-content\/uploads\/2022\/08\/ff-logo-150x150.jpg\" alt=\"ff-logo\" width=\"150\" height=\"150\" \/><\/a><\/p>\n<p>Lange Zeit die Hauptkonkurrenz des Internet Explorers. Mozilla Firefox gewann schnell an Beliebtheit, litt aber ein wenig unter Performance-Problemen, als der Browser \u00fcberf\u00fcllt wurde mit Tools und Funktionen. Heute wieder ein flinker Browser, f\u00fcr den es viele Entwickler-Werkzeuge gibt, die gerade bei Web-Entwicklern beliebt sind.<\/p>\n<h3>Chrome<\/h3>\n<p><a href=\"https:\/\/walterlernt.ch\/blog\/wp-content\/uploads\/2022\/08\/chrome-logo1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail wp-image-3530 alignnone\" src=\"https:\/\/walterlernt.ch\/blog\/wp-content\/uploads\/2022\/08\/chrome-logo1-150x150.jpg\" alt=\"chrome-logo1\" width=\"150\" height=\"150\" \/><\/a><\/p>\n<p>Der Webbrowser von Google geniesst die gr\u00f6sste Verbreitung im Browsermarkt. Ein technisch raffinierter Browser, der auch laufend aktuell gehalten wird.<\/p>\n<h3>Opera<\/h3>\n<p><a href=\"https:\/\/walterlernt.ch\/blog\/wp-content\/uploads\/2022\/08\/opera-logo.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-thumbnail wp-image-3531 alignnone\" src=\"https:\/\/walterlernt.ch\/blog\/wp-content\/uploads\/2022\/08\/opera-logo-150x150.jpg\" alt=\"opera-logo\" width=\"150\" height=\"150\" \/><\/a><\/p>\n<p>Opera ist nicht ganz so verbreitet und kann von Web-Entwicklern mehrheitlich ignoriert werden. Wer Opera installiert hat und als Hauptbrowser verwendet, der weiss sich selber zu helfen&#8230;<\/p>\n<h3>Internet Explorer<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3526 size-thumbnail\" src=\"https:\/\/walterlernt.ch\/blog\/wp-content\/uploads\/2022\/08\/ie-logo-150x150.jpg\" alt=\"ie-logo\" width=\"150\" height=\"150\" \/><\/p>\n<p>Der Internet Explorer ist der Standard-Browser, der in Microsoft Windows installiert ist und so tief im System drin steckt, dass er nicht entfernt werden kann.\u00a0F\u00fcr den Mac gibt es keinen Internet Explorer mehr.<\/p>\n<p>Zur Zeit der Version 6 war der Internet Explorer noch ein fortschrittlicher Browser. Dann kamen die d\u00fcsteren Zeiten.<\/p>\n<p>Was wir \u00fcber die Versionen wissen m\u00fcssen ist folgendes: Windows XP unterst\u00fctzt nur bis IE8 (Internet Explorer 8). Neuere Versionen laufen nicht auf XP (das seit 8. April 2014 &#8220;End of Life&#8221; ist). Weil auch der Internet Explorer sich selber so weit aktualisiert wie das System zul\u00e4sst, k\u00f6nnen wir davon ausgehen, dass alle XP-Nutzer, die auch den Internet Explorer einsetzen, die Version 8 haben.<\/p>\n<p>Nun stellt sich die Frage, ob die eigene Website IE8 unterst\u00fctzen soll, oder erst ab IE9. Das kann man generell nicht beantworten, weil daf\u00fcr die Zielgruppe genau betrachtet werden muss.<\/p>\n<h3>Warum sollten Benutzer\u00a0aktuelle\u00a0Browser verwenden?<\/h3>\n<ul>\n<li>Sicherheit<\/li>\n<li>Geschwindigkeit\/Performance<\/li>\n<\/ul>\n<p>Zwei sehr starke Argumente f\u00fcr aktuelle Browser. Dazu kommt, dass das Web einfach mit aktuellen Browsern\u00a0sch\u00f6ner ist und besser funktioniert. So macht es auch mehr Spass.<\/p>\n<h3>Steckst du mit IE8 auf Windows XP fest?<\/h3>\n<p>Die meisten Nutzer von Internet Explorer 8 stecken in Firmen fest, die sich bis heute nicht vom 12-j\u00e4hrigen (!) Windows XP l\u00f6sen konnten. Wenn du in dieser Lage bist, empfehle ich dir:<\/p>\n<ul>\n<li>Installiere f\u00fcr die normale Web-Nutzung einen moderneren Browser (wenn du die Rechte dazu nicht hast, rede mit den Admins &#8211; es ist auch im Interesse der Firma)<\/li>\n<li>Wenn deine Firma zum Beispiel IE8 (oder \u00e4lter!)\u00a0<strong>braucht<\/strong>, weil das Intranet nur damit l\u00e4uft, dann verwende einen anderen Browser f\u00fcr die restlichen Internet-Besuche<\/li>\n<li>Wenn die IT-Abteilung sagt, du kannst aus Sicherheitsgr\u00fcnden nur IE8 verwenden, dann lass dir etwas einfallen, wie du sie des besseren belehren kannst. Ein Betriebssystem zu verwenden, dass keinen Support und Service-Packs mehr bekommt, ist nicht besonders vorbildlich, was Sicherheit betrifft.<\/li>\n<\/ul>\n<h3>Tipps zu Browser-Testing<\/h3>\n<ul>\n<li>Installiere die Browser mal auf deinem System. Sie sind alle kostenlos.<\/li>\n<li>Mac-User k\u00f6nnen mit virtuellen Maschinen Windows laufen lassen und so verschiedene IE-Versionen testen<\/li>\n<li>Es gibt viele Testing-Tools, wie <a href=\"http:\/\/browsershots.org\" target=\"_blank\" rel=\"noopener\">browsershots.org<\/a>, <a href=\"http:\/\/www.my-debugbar.com\/wiki\/IETester\/HomePage\" target=\"_blank\" rel=\"noopener\">IETester<\/a>, <a href=\"http:\/\/www.browserstack.com\" target=\"_blank\" rel=\"noopener\">BrowserStack<\/a>, &#8230;<\/li>\n<li>Schau dir <a href=\"http:\/\/www.w3schools.com\/browsers\/browsers_stats.asp\" target=\"_blank\" rel=\"noopener\">Browserstatistiken<\/a> an &#8211; aber vergiss nicht, dass es nur Statistiken sind<\/li>\n<li>Teste auch auf mobilen Ger\u00e4ten!<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Welche Browser sollen wir beim Bau einer Website ber\u00fccksichtigen?<\/p>\n","protected":false},"author":1,"featured_media":83092,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[263],"tags":[72,27,28,20],"class_list":["post-6541","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-webdesign","tag-browser","tag-technik","tag-tools","tag-websites-und-technik"],"_links":{"self":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts\/6541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/comments?post=6541"}],"version-history":[{"count":0,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts\/6541\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/media\/83092"}],"wp:attachment":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/media?parent=6541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/categories?post=6541"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/tags?post=6541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}