Haben Sie es satt, IE 6 zu unterstützen? Sind Sie bereit, ihn einfach abzuschalten? Ich mache Ihnen keinen Vorwurf. Ich bin generell der Meinung, dass die meisten Probleme, die Leute mit IE 6 haben, mit etwas Übung ziemlich leicht zu umgehen sind, aber das ist nicht immer der Fall, und ich finde, dass die JavaScript-Unterstützung für Entwickler noch problematischer ist.
Oft geht es einfach darum, wie man seine Zeit am besten verbringt. Wenn Sie wählen müssen zwischen dem Entwerfen und Codieren eines neuen Features Ihrer Website, das 80 % Ihres Publikums nutzen und genießen wird, oder dem Beheben von IE 6 Bugs für den 20 % (und schrumpfenden) Teil Ihres Publikums, würde ich mich für das neue Feature entscheiden.
Aber dann stellt sich die Frage, WIE Sie die Unterstützung für IE 6 einstellen wollen. Tun Sie einfach nichts und lassen Sie Layouts zerhacken und Funktionalitäten abbrechen? Ich würde sagen, das ist eine schlechte Idee. Wenn Sie die Unterstützung für IE 6 einstellen, tun Sie es mit Zuversicht und informieren Sie diesen Teil Ihres Publikums darüber, was es tun kann!
Hier kommt das IE 6 Blocker Skript ins Spiel. Mit ein wenig einfacher JavaScript-Browsererkennung und etwas jQuery können wir unsere IE 6 Unterstützung mit einer sehr klaren Nachricht einstellen.
Demo anzeigen Dateien herunterladen
Unten werden wir detailliert beschreiben, wie es funktioniert und wie man es benutzt.
Einbindungen und Browsererkennung
Im <head>-Bereich der Website müssen wir sowohl jQuery als auch die Skriptdatei einbinden.
...
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="jquery.ie6blocker.js"></script>
</head>Das ie6blocker.js Skript führt die Browsererkennung in seiner ersten Zeile durch.
var IE6 = (navigator.userAgent.indexOf("MSIE 6")>=0) ? true : false;
if(IE6) {
... do stuff ...
}Alternativ hätten wir unsere Browsererkennung direkt in der HTML-Datei mit einer bedingten Kommentar-Anweisung durchführen können.
<!--[if IE 6]>
<script type="text/javascript" src="jquery.ie6blocker.js"></script>
<![endif]-->Da wir für unsere Technik jedoch JavaScript aktiviert benötigen, damit sie funktioniert, können wir genauso gut JavaScript die Erkennung durchführen lassen. Man könnte es auch beides tun...
Das jQuery
Nachdem wir IE 6 erkannt haben, werden wir mit jQuery neue Seitenelemente erstellen und auf der Seite einfügen. Das Ziel ist ein transparenter schwarzer Überzug für den gesamten Bildschirm (der die Website erkennbar, aber unbrauchbar macht). Darüber wird eine zentrierte Nachrichteneinblendung angezeigt, die die absichtliche fehlende Unterstützung der Website für IE 6 erklärt. Um den Schlag abzumildern, möchten Sie vielleicht eine alternative Möglichkeit anbieten, Ihre Inhalte anzuzeigen (z. B. den RSS-Feed des Blogs). Manche Leute können ihre Browser nicht aufrüsten, daher reicht eine Nachricht, die sie dazu auffordert, vielleicht nicht aus.
Zwei div-Elemente werden benötigt. Eines für den Überzug und eines für die Nachrichteneinblendung. Wir können sie mit CSS, Inhalt und allem direkt im jQuery JavaScript erstellen.
Hier ist der Überzug.
$("<div>")
.css({
'position': 'absolute',
'top': '0px',
'left': '0px',
backgroundColor: 'black',
'opacity': '0.75',
'width': '100%',
'height': $(window).height(),
zIndex: 5000
})
.appendTo("body");Mit einem modernen Browser könnten wir einfach top, right, bottom und left alle auf 0px setzen, aber IE 6 mag das nicht, also müssen wir top und left auf 0px setzen und die Breite auf 100%. Die Höhe ist etwas kniffliger. Sie auf 100% zu setzen funktioniert in IE 6 nicht. Wir könnten einfach eine wirklich große statische Zahl verwenden, aber das ist nicht schön und löst eine Scrollleiste aus, die vielleicht nicht notwendig ist. Viele "Lightbox"-Überzüge nutzen die proprietären CSS "Expressions", um die Fensterhöhe wie folgt zu ermitteln:
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); Das wird hier nicht für uns funktionieren, weil jQuery diese Stile "inline" anwendet und sie nicht auf diese Weise berechnet werden. Glücklicherweise hat jQuery jetzt die Möglichkeit, die Fensterhöhe zu berechnen. (Die neueren Versionen von jQuery haben das alte Dimensions-Plugin integriert). Ein hoher z-index-Wert wird hier ebenfalls verwendet, um sicherzustellen, dass der Überzug über allen anderen Inhalten liegt.
Hier ist die Nachrichteneinblendung.
$("<div><img src='no-ie6.png' alt='' style='float: left;'/><p><br /><strong>Sorry! This page doesn't support Internet Explorer 6.</strong><br /><br />If you'd like to read our content please <a href='http://getfirefox.org'>upgrade your browser</a> or <a href='http://feeds.feedburner.com/CssTricks'>subscribe to our RSS feed</a>.</p>")
.css({
backgroundColor: 'white',
'top': '50%',
'left': '50%',
marginLeft: -210,
marginTop: -100,
width: 410,
paddingRight: 10,
height: 200,
'position': 'absolute',
zIndex: 6000
})
.appendTo("body");Beachten Sie, dass der gesamte Markup für die Nachrichteneinblendung direkt darin enthalten ist, in einem großen jQuery-Objekt. Das interessante CSS hier ist, dass wir die left- und top-Werte auf 50 % setzen und ihn dann mit negativen Margins zentrieren (die Theorie). Dann verwenden wir einen noch höheren z-index-Wert, um ihn über den Überzug zu legen.
Das sollte es gewesen sein! Ziemlich einfach, wirklich. Laden Sie die Dateien gerne herunter, ändern Sie sie nach Belieben und verwenden Sie sie für sich selbst.
Demo anzeigen Dateien herunterladen
Hinweis: Ich plädiere nicht dafür, dass jede einzelne Website auf der Welt ihre IE 6 Unterstützung einstellt. Ich biete dies lediglich als Tutorial und Theorie an, wie dies geschehen kann. Sie sollten Ihre eigenen Entscheidungen auf der Grundlage Ihres eigenen Publikums treffen, ob Sie IE 6 unterstützen oder nicht.
Gute Arbeit! Außer dass IE6-Nutzer wahrscheinlich die Mehrheit des 1% der Browser ausmachen, die kein JS verwenden, heh. jQuery ftw!
Sie sollten daraus ein WordPress-Plugin machen, das jedes Jahr am 27. August IE 6 blockiert, aber die Option hat, es dauerhaft zu blockieren.
Erinnert mich an SaveTheDevelopers ;).
Warum integrieren Sie ein so großes Skript wie jQuery, anstatt das (ziemlich kleine) JavaScript selbst zu schreiben? Sie sollten Ihr Bandbreite nicht für IE6-Nutzer verschwenden.
Trotzdem, danke für das Teilen!
Überraschenderweise habe ich auch auf meinem Linux-Blog guten IE-Traffic, anfangs wollte ich allen IE-Traffic blockieren, dann dachte ich, ich sollte nett sein... :)
Natürlich gibt es einfachere Wege, dies zu erreichen, aber es sieht in Aktion viel besser aus.
CSS-Hack viel einfacher.
* html #miMsgForIe6 {display:none;}
* html #miMsgForIe6 {display:block; border:1px solid gray; etc.}
Entschuldigung, erste Zeile ohne * html!
xD
Persönlich unterstütze ich IE5/5.5 nicht, aber aus Erfahrung bei der Arbeit weiß ich, dass viele Leute aus Sicherheitsgründen bei IE6 festsitzen (ja, ich weiß, haha). Ich schiebe die Schuld auf den Nazi-Systemadministrator, aber ich kann nichts dagegen tun.
Wenn "alle" endlich auf mindestens IE7 oder IE8 umgestiegen sind (sagen wir, im Jahr 2014 oder so), wird die Welt ein glücklicherer Ort sein. Oder?
Ich weiß nicht, was das mit css-tricks zu tun hat :) Trotzdem sind bedingte Kommentare die bessere Lösung, denn Add-Ons oder Proxys könnten den User-Agent-String ändern.
Amen. Es scheint, als gäbe es in der letzten Woche einen starken Vorstoß, die Leute davon zu überzeugen, IE6 endlich fallen zu lassen. Ich musste meine Nutzer am Wochenende sogar anflehen, ihn sterben zu lassen. 20 % von ihnen benutzten ihn noch!...
Alle IE-Nutzer sollten endlich aufhören, IE zu benutzen und zu einem anderen Browser wechseln.
Download-Dateien enthalten nicht die style.css Datei.
Al
Hihi, das ist wirklich cool! Ich werde es auf meinem worddesign Blog benutzen!!! erinnert mich daran, was mein Schwiegervater gestern gesagt hat: Er benutzt jetzt IE 7, um immer auf dem neuesten Stand zu sein! Ich wünschte, mehr Leute würden so denken wie er, und er ist 60!!! Leider stellte sich heraus, dass es IE 6 war, aber das werde ich nächstes Mal ändern!
Danke, Chris!
Technisch gesehen: toller Artikel. Danke dafür. Praktisch? Komm schon... seien wir realistisch. Wir sind noch nicht so weit für Lösungen wie diese. Leute (WARUM??) benutzen immer noch dieses Ding, das sich Browser nennen will.
Persönlich würde ich eine kleine Leiste am oberen Bildschirmrand bevorzugen, wie eine IE7-Warnung, die den Benutzer einfach auffordert, ein Upgrade durchzuführen. Dies erscheint kontraintuitiv, denn die Tatsache ist, dass viele IE6-Benutzer einfach nicht aufrüsten können! Aber zumindest würden sie mit der Toolbar-Benachrichtigung auf das Problem aufmerksam gemacht und vielleicht versuchen, es auf einem anderen Computer auszuprobieren.
Diskriminieren Sie nicht die Browser, Leute!
Gute Idee, Chris. Ich bin auch der Meinung, dass die Zeit für die Einstellung der IE6-Unterstützung nahe ist. Sehr klug, den Benutzern zumindest zu erklären, was passiert, wenn sie die Seite nicht sehen können.
Ein Problem jedoch: Der Link, den Sie zum Aufrüsten angegeben haben, ist getfirefox.org – es sollte getfirefox.com sein!
Ich werde dies definitiv auf meiner persönlichen Website verwenden, aber ich denke, es muss etwas für diejenigen Benutzer gesagt werden, die so alte Maschinen haben, dass sie IE buchstäblich nicht aktualisieren können.
Ich gehe davon aus, dass sie andere Browser wie FF oder vielleicht Opera usw. verwenden können, aber für den Idioten, ich meine, den Benutzer, der eine so alte Maschine hat, dass er seinen Browser nicht aktualisieren kann, bezweifle ich ernsthaft, dass er die Geduld hat, sich an eine neue Browser-Oberfläche zu gewöhnen.
Nichtsdestotrotz... ich mache das auf digitalskraps.com.
Ich denke, ein schrittweiser Prozess wäre besser. Pauls Vorschlag einer Toolbar-Erinnerung ist eine fantastische Idee. Lassen Sie ihn am oberen Rand jeder Seite Ihrer Website kleben mit Links zum Aufrüsten oder zum Herunterladen von FF. Etwas, das die Benutzer nicht wegklicken können. Sie würden wahrscheinlich viele mehr Websites dazu bringen, dies zu tun, im Vergleich zur "Augen zu und durch"-Taktik.
Wenn ein paar Millionen Websites diesen Ansatz verfolgen würden und dann am Jahrestag 27.08.09 eine drastischere Nachricht senden würden, denke ich, dass unser Ziel, dieses zurückgebliebene Stiefkind zu eliminieren, viel schneller erreicht würde.
Haha, ich liebe es!
@Paul: Eine Leiste oben ist auch eine gute Lösung, die gesamte Infrastruktur ist vorhanden, um das zu realisieren. Ziehen Sie einfach den Überzug über und passen Sie das CSS in der jQuery-Datei an.
Hallo Chris, es mag an meiner Unwissenheit liegen, aber warum gibt es keine README-Datei in der .zip-Datei, wie man sie benutzt?
Ich verwende WP 2.7, habe aber keine Ahnung, wie ich dieses Skript in meine Website implementiere. Ich habe die .js-Dateien in den /theme/js/-Ordner und die anderen Dateien ein Verzeichnis höher kopiert, aber es funktioniert nicht (auch das Kopieren in denselben /js/-Ordner hat nicht funktioniert). Ich habe die Pfade zu den js-Dateien in meine WP-Theme-Vorlage (header.php) eingefügt.
Oder muss ich den gesamten /IE6Blocker/-Ordner irgendwo hochladen (z. B. in das Stammverzeichnis)?
Und muss ich andere Dateien in meinem WP ändern, wie z. B. die .css-Datei oder eine andere Datei?
Ich freue mich auf Ihre baldige Hilfe. Vielen Dank im Voraus.
Steven
Gut gemacht, Chris, ich wünschte, mein Chef würde mich das machen lassen.
Ich habe heute unsere Logs überprüft, und es scheint, dass 46 % unserer Nutzer IE6 sind (!), verdammt. Ein Artikel auf Sitepoint behauptete, dass viele davon Bots sein könnten, aber ich muss die Logs überprüfen und es herausfinden.
Können wir eine internationale, weltumspannende Zusammenkunft von Leuten haben, die blaue E-Symbole verbrennen?
Ist es nicht ein bisschen drastisch, den Inhalt komplett zu blockieren? Ich meine, klar, Sie bieten Zugang zum Feed, aber ich würde Inhalte, die ich nicht zuerst prüfen kann, sicher nicht unbedingt abonnieren.
Wenn Sie eine Aussage zu IE6 machen wollen, ohne dabei ... lahm ... zu sein, deaktivieren Sie einfach Stylesheets und Skripte komplett und lassen Sie die Thickbox den Leuten sagen, dass sie die Rohinformationen ohne Verhaltensverbesserungen sehen. Und ich schließe mich dem Kommentar an, dass man dafür keine 20 KB jQuery benötigt.
Wenn Sie Ihre JavaScript-Verhaltensweisen ordnungsgemäß (unaufdringlich) geschrieben haben, sollte die Website immer noch mit deaktivierten Stilen und Skripten sichtbar und funktionsfähig sein, und die Person wird nicht vollständig vom Inhalt abgeschnitten. Wenn Ihre Seiten nicht anmutig abwärtskompatibel sind, machen Sie wahrscheinlich Ihren Job nicht richtig.
Und das sage ich als Webentwickler, der täglich mit der IE6-Unterstützung kämpft. Ich bin auch wütend, verdammt noch mal! Aber in zu vielen Fällen ist es nicht die Schuld des Benutzers, und er sollte dafür nicht bestraft werden.
Schade, dass wir damit keinen starken Stromschlag liefern können! ;)
Ich mag die Idee, IE6-Benutzer komplett auszusperren, nicht wirklich. Viele Leute surfen von der Arbeit aus und haben keine Wahl bezüglich des Browsers, den sie verwenden. Stattdessen habe ich ein bedingtes Banner am oberen Rand meiner Seite platziert, das nur für IE6-Benutzer geladen wird und ihnen mitteilt, dass die Seite in IE6 nicht zu 100 % wie erwartet aussieht, und ihnen die Möglichkeit gibt, ein Upgrade durchzuführen.
Wenn das Layout Ihres Blogs einfach kaputtgeht, wäre es einfacher und weniger aggressiv, so etwas in der Nähe des Headers zu platzieren.
{!--[if lt IE 7]}
{p style="color:red"}Ihre Nachricht für IE < 7 Benutzer{/p}
{![endif]--}
Ich habe die <> durch {} ersetzt, um zu verhindern, dass sie von WordPress & Browsern als HTML behandelt werden.
Es wäre an der Zeit, dass Google mit seinem eigenen Browser aufwartet....
Klopf Klopf...
Wer ist da?
@Paul Gendek und Karl.
Ich habe genau das entwickelt, was Sie suchen, und Sie können es selbst auf meiner Website sehen: http://www.assyrianlyrics.com (wenn Sie IE6 oder älter verwenden, erhalten Sie eine Nachricht ähnlich der IE7-Warnung.
Wenn Sie nicht IE6 verwenden, hier ist ein Screenshot, wie es aussieht: Klicken Sie hier
Wenn Ihnen das Skript gefällt, können Sie es einfach von meiner Website stehlen, die URL dafür ist: Hier entlang
Ich versuche eigentlich schon seit einiger Zeit, Leute dazu zu bringen, dies zu nutzen und/oder zu verbessern und zu teilen.
Wir müssen ständig versuchen, die Leute dazu zu bringen, ihre Browser zu aktualisieren.
Tolle Anleitung, Chris. Ich stimme einigen Leuten zu, dass es schlecht ist, Leute mit schlechten Browsern zu diskriminieren. Aber für eine Website wie diese, die sich hauptsächlich an Webdesigner richtet, sehe ich kein Problem, denn wenn Sie ein Webdesigner sind und immer noch im IE6-Zeitalter stecken, sollten Sie wirklich aufrüsten :-P
Maikel D –
Tolles Skript! Ein viel besserer Weg, dieses Problem anzugehen. Gute Artikel und gute Kommentare, Leute – danke.
Die Bewegung um IE6 scheint sich zu verstärken, ich weiß nicht, wozu ich mich wirklich einigen soll.
Überhaupt nicht benutzerfreundlich. So viele Unternehmen verwenden immer noch IE6, daher zeigt die Verwendung dieses Skripts nur, dass ein Coder faul und überhaupt nicht benutzerfreundlich ist. Würde das nie benutzen.
Dieses Skript ist sehr gut, aber es ist aufdringlich für die Person, die IE6 verwendet. Das Skript kann auf der Website verwendet werden, die wenige Leute nutzen, zum Beispiel in einem Verwaltungsbereich.
PS: Entschuldigen Sie meine Sprache, ich bin kein Amerikaner.
Schönes Skript, aber haben Sie es in IE5 getestet?
Das Ergebnis ist, dass Sie die Seite sehen und nicht die Warnung ;)
Etwas extrem, aber eine gute Idee. Wir sollten uns vereinen und die Initiative ergreifen. Wir sollten uns zusammenschließen und immer IE6 oder jeden anderen mistigen Browser blockieren, damit Hersteller Standards einhalten müssen, wenn sie wollen, dass Leute ihre Produkte nutzen. Stellen Sie sich vor, was passieren würde, wenn Websites wie Google, Facebook, Amazon usw. IE6 blockieren würden?
Ich liebe es! Aber schaut euch meinen neuesten Anti-IE6-Code an.
M u a a h a h a h h a h h !
Website namens "CSS-Tricks" und trotzdem verwenden Sie JavaScript, wo ein "CSS-Trick" gut getan hätte?
.ie6box { display: block; } /* Dieser zeigt die Box in IE6 an */
html>body .ie6box { display: none !important; } /* und dieser versteckt sie vor allen anderen, da IE6 den "html>body"-Teil ignoriert... */
also warum das JavaScript?
Der Grund für das JavaScript
1) Jeder kann dies einfach herunterladen und auf seiner Seite einbinden und fertig. Benutzerfreundlichkeit.
2) Es demonstriert eine Technik, deren Teile für eine Vielzahl von interessanten Dingen verwendet werden könnten.
Es gibt sicherlich rein CSS-basierte Wege, um den Effekt zu erzielen, nur nicht so schön verpackt, wie es JavaScript kann. Ich würde auch davon abraten, einen Hack zu verwenden, und stattdessen bedingte Anweisungen zu verwenden.
Hallo Chris,
Ich habe etwas Interessantes gefunden.
Zuerst habe ich einen eigenständigen IE6-Browser von "http://www.stalebrew.com/2008/browsers/stand-alone-internet-explorer-6/" heruntergeladen, und übrigens funktioniert Ihr Blockierskript großartig, aber nur von dieser Seite, nachdem ich auf den Demo-Button geklickt habe.
Aber als ich das Skript auf meiner Website verwendete, erhielt ich weder den Überzug noch die Nachricht.
Es könnte an mir liegen, also habe ich die Dateien erneut heruntergeladen und die gesamte Datei auf meinen Host hochgeladen. Und das Skript funktioniert immer noch nicht... es könnte wieder an mir liegen.
Daher lade ich Sie ein, es selbst auszuprobieren. Habe ich etwas falsch gemacht?
http://tazinteractive.com/IE6Blocker/ie6blocker.html
Bitte antworten Sie.
Tarzine
Nun, ich stimme beiden Punkten zu. Es ist einfacher, es herunterzuladen und auf die eigene Website zu kopieren, obwohl es für Leute, die keine CSS-Kenntnisse haben, besser geeignet ist, und das ist anscheinend eine gute Sache.
Ich frage mich nur, würden Sie nicht denken, dass Leute, die nach "CSS-Tricks" suchen, zumindest etwas davon verstehen würden? Aber vielleicht sehe ich "das große Ganze" nicht, es gibt wahrscheinlich nicht mehr viele "reine" CSS-Tricks zu schreiben :)
Trotzdem, vielleicht sollte es einen "zweiten Methoden"-Abschnitt für solche Beiträge geben? Einfache, übersichtliche und "javascript-lose" CSS-Hacks, wovon Sie abraten, was für mich auch keinen Sinn ergibt. Welche Art von CSS- "Trickery" gibt es ohne Hacks? :D
Ich stimme voll und ganz zu, weg mit IE, das gilt für alle Versionen, nicht nur für IE 6.
Obwohl die meisten Leute an IE6 gebunden sind, habe ich zum Glück in der Schule Zugang zu Firefox 2 ; )
Ist es wirklich die richtige Antwort, die Website für IE6-Benutzer zu blockieren? Sicherlich sollten wir als Fachleute eine Form von anmutiger Verschlechterung oder eine schlechtere Erfahrung als andere Browser anbieten, anstatt ganz aufzugeben? Wir sollten unsere Inhalte immer noch jedem über einen Browser anbieten und die Tür nicht schließen. Das fühlt sich nicht richtig an.
Haben Sie von Ihnen Freunde bei Google? Wäre es nicht toll, wenn sie etwas wie das auf ihrer Suchseite platzieren würden?! Vielleicht bald, da sie ihren eigenen Browser bauen....der meiner Meinung nach teilweise auf der Firefox-Engine basiert oder so.
Jedenfalls, was denken Sie darüber, einfach ein dünnes kleines div innerhalb des M$-Bedingten zu platzieren....um ganz oben oder unten auf einer Seite zu erscheinen?
(ja, ich bin ein Mac-Typ auf meinen dualen 20″ LCDs mit FF...)
Ich habe die letzten TAGE damit verbracht, an einer "komplizierten" E-Commerce-Seite mit 3 Formularen zu arbeiten – von denen 2 nicht in Form 1 verschachtelt werden dürfen, aber innerhalb von Form 1 präsentiert werden müssen, damit das Layout nicht dumm aussieht oder Haustiernutzer weiter verwirrt, die dynamisch oder serverseitig basierend auf Token/Templates sind - folgen Sie dem?....
Ja, ich wünsche mir einen nützlichen Virus, der um die Welt kreist und jede Version von IE zwingt, Firefox herunterzuladen und dann die IE-Dateien zu löschen!
*Dump Explorer und http://GetFireFox.com
Nun, IE6-Benutzer von persönlichen Blogs oder Seiten, die diese Gruppe nicht ansprechen, auszuschließen, ist in Ordnung. Aber ich denke, auch dann sollten Sie Informationen bereitstellen, warum Sie IE6 nicht unterstützen – einfach "verschwinde, §&!$%" zu sagen, ist meiner Meinung nach nicht die beste Entscheidung.
Auf meinem Blog habe ich eine Erkennung über PHP erstellt. Wenn Sie mit IE6 ankommen, erhalten Sie eine gelbe Informationsleiste oben auf der Seite. Und das ist die einzige IE6-Anpassung auf meiner Website :D
Super! Danke für das Skript.
Ich habe eine Bitte.
Es gibt Leute, die sich nicht selbst aufrüsten können, aus bestimmten Gründen (IT-Admin-Richtlinien etc.).
Chris, könnten Sie einen "Weiter"-Button hinzufügen, damit die Leute Ihre Website trotzdem ansehen können, auch wenn sie wissen, dass wir IE6 nicht unterstützen?
Vielen Dank im Voraus.
Fantastisches Skript, Chris :-)
Gut für die Durchführung anderer JavaScript-Funktionen mit IE6, zusammen mit einem bedingten CSS nur für IE6, um eine Seite in IE6 so zu zeigen, wie sie sein sollte und wie sie in jedem anderen Browser aussieht.
Für einen Entwickler ist es nicht gut, jemanden zu blockieren, vielleicht wenn Sie dies verwenden, wäre eine kleine Beratung ausreichend...
Zum Beispiel können Sie ein jQuery-Growl-Fenster starten...
Ich bin mir nicht sicher, ob es eine gute Entscheidung ist, den Download und die Installation neuer Software auf einen Benutzer zu "erzwingen". Lassen Sie mich das anders formulieren: Ich bin absolut dagegen. Das ist einer der sehr wichtigen Gründe, warum man IE nicht benutzen sollte. Die Ausnutzung dieser Methode grenzt an Computerintrusion und es ist wirklich keine gute Idee, Firefox mit einem unerwünschten Programm zu assoziieren, über das der Benutzer keine Kontrolle hat. Die automatische Installation von Software wird den Benutzer immer zumindest verwirren, wenn nicht sogar verärgern, weil etwas auf seinem Computer hinter seinem Rücken geschieht. Bitte platzieren Sie Firefox nicht in einer solchen Nachbarschaft.
@Robert Nun, das ist eine ziemlich interessante Unterhaltung... Diese Art von aggressivem Ansatz könnte das sein, was wirklich dazu beitragen kann, die Welt umzustellen, was eindeutig eine gute Sache ist.
Obwohl Robert Recht hat, dass dies grenzwertig unangenehmes Verhalten sein könnte. Schauen Sie sich an, wie es für einen Benutzer aussieht, wenn er die Beispiel-Website aufruft: SCREENSHOT.
Zumindest denke ich, dass diese Idee einen etwas "freundlicheren" Ansatz verfolgen muss und klar erklären muss, was sie für den Benutzer tun möchte und warum, und dass sie nicht schädlich ist.
Mir scheint, dass dies für etwas verwendet werden könnte, das schädlich ist, weshalb es ein wenig beängstigend ist.
Ich denke, dieser Ansatz ist einer der wenigen, der auch für Leute funktioniert, die nicht wissen, was ein Browser ist, was die Mehrheit der Internet Explorer (6) Benutzer heute ausmacht.
Das Ausführen eines Programms, das aus dem Internet heruntergeladen wurde, könnte tatsächlich schädlich sein, aber in diesem Fall lassen Sie Ihre Internet Explorer besuchenden Gäste ein Programm ausführen, das seit einiger Zeit auf allen wichtigen Software-Download-Seiten verfügbar ist und alle möglichen "100% CLEAN"-Auszeichnungen erhalten hat, die es bekommen konnte.
Ich denke, es ist eine gute Idee, dies ein wenig "freundlicher" zu gestalten, aber ich befürchte, dass jedes zusätzliche Zeichen, das erklärt, warum es so großartig ist, die Zielbenutzer abschrecken wird, weil sie es nicht verstehen und auch nicht verstehen wollen: Sie wollen nur, dass es funktioniert. Daher denke ich, dass es eine gute Idee ist, den Erklärend-Text so kurz wie möglich zu halten. Dies ist einfach die Art und Weise, wie Flash überall installiert wird: Es sagt einfach "Klicken Sie hier, um dies anzuzeigen", was zur Installation von Flash führt. Das funktioniert gut, weil Flash nicht standardmäßig installiert ist, während die installierte Basis von Flash über 99 % beträgt. Wenn Firefox also denselben Trick anwenden kann, werden wir Internet Explorer endlich loswerden, was gut ist (zumindest für mich als Webentwickler und Sicherheitsspezialist), denken Sie nicht?
Das fühlt sich etwas regressiv an, ähnlich wie damals, als MS die Browserkriege gewonnen hat und Websites diese wirklich beleidigende und exklusive Nachricht „Optimiert für Internet Explorer“ hatten. IE6 ist sicherlich eine Qual, aber Benutzer sollten trotzdem die Erlaubnis haben, ihre veraltete Technologie zu nutzen, wenn sie wollen. Es ist jedoch fair, ihnen zu sagen, dass sie nicht das beste Erlebnis haben und wie sie es verbessern können.
Ich bin froh, dass sich hier anscheinend ein Wandel abzeichnet, aber wir sollten nicht anfangen, den Benutzern Vorschriften zu machen.
Und wir sollten uns auch nicht auf Firefox versteifen: Bieten Sie auch Opera, Safari und Chrome an. Ersetzen wir nicht ein Monopol durch ein anderes...
Ich glaube nicht, dass IE6-Benutzer speziell ihre veraltete Technologie nutzen wollen, sie nutzen sie einfach, weil sie es nicht besser wissen.
Diese Websites funktionieren nicht nur in Firefox: Sie funktionieren auch in Opera, Safari, Chrome und anderen Browsern einwandfrei.
Das Problem ist, dass IE6-Benutzer nicht wissen, was ein (guter) Browser ist, also wenn man ihnen eine Wahl anbieten würde, würden sie wahrscheinlich einfach einen zufälligen auswählen (oder Chrome, nur weil sie Google kennen). Deshalb halte ich es für eine gute Idee, den IE6-Benutzer speziell darauf hinzuweisen, FirefoxS oder Google Chrome zu verwenden (da Opera und Safari nicht immer installiert werden können, da sie Administratorrechte erfordern, während FirefoxS und Google Chrome dies nicht tun).
Da Google Chrome noch Beta ist, ist die sicherste und beste Option, FirefoxS zu empfehlen.
Mozilla FirefoxS hat jetzt einen eigenen Artikel unter https://css-tricks.de/links-of-interest-51/
Vielen Dank. Dieses Skript hat bei mir gut funktioniert!
Diese Lightbox-Pakete, die immer noch IE-Ausdrücke verwenden, werden bald kaputtgehen, da Microsoft diese Woche am Donnerstag angekündigt hat, Ausdrücke im Style Sheet-Stapel einzustellen. Für Abwärtskompatibilität werden Quirks und der IE7 Strict Mode in IE8 weiterhin vorhanden sein, aber der Standard ist der Standards-Modus. Also, an alle IE-Entwickler da draußen, wir wünschen Ihnen viel Glück!
darf ich vorschlagen, (document) anstelle von (window) zu verwenden, da sonst bei Seiten mit viel Inhalt weiterhin der untere Inhalt sichtbar ist.
window durch document ersetzt (Info: http://docs.jquery.com/CSS/height) und es funktioniert.
Danke für Ihr Skript, sehr geschätzt.
eine schnelle PHP-Alternative würde natürlich auch funktionieren.
Ich war mir nicht sicher, was ich für die Websites tun sollte, die ich erstellt habe und die in IE6 nicht gut aussehen, aber nach viel Suchen und Lesen habe ich eine ziemlich unaufdringliche Option gefunden.
Schauen Sie sich http://www.pushuptheweb.com/ an – dieses Skript zeigt eine kleine Benachrichtigungsbox oben rechts für IE, Firefox, Opera und Safari an, wenn sie veraltet sind.
sollte dafür nicht bestraft werden
Ich mag die Geräusche und das Aussehen davon!!
Ich würde ändern: Diese Seite unterstützt IE nicht in
IE unterstützt diese Seite nicht
Ich habe gerade einen Blocker für meine Website für IE 6 mit einer Erklärung und Links zu anderen Browsern eingerichtet. Es ist an der Zeit, dass wir IE6 ein Ende setzen. Glücklicherweise werden die meisten meiner Besucher nicht aus großen Organisationen stammen, die etwas patchen, nachdem es von 406 Leuten, die nichts von IT verstehen, genehmigt wurde (ich habe früher als Support-Mitarbeiter gearbeitet, ich weiß, wie rückständig Unternehmen bei Upgrades sind...)
Ich sage, stehen Sie fest! Zeigen Sie das Pop-up am Anfang Ihrer Website an und fügen Sie einen „Klick hier, um fortzufahren“ hinzu... aber verwenden Sie keine IE6-Hacks :) dann werden die Leute zum Nachdenken über ein Upgrade angeregt...
Es ist schon schwer genug, Einigkeit mit dem Rest der Browserwelt und IE7 zu erreichen, geschweige denn, Zeit mit einem Legacy-Browser zu verschwenden...
Verdammt seist du, IE6, verdammt seist du zur Hölle!
Danke, dass Sie dieses Skript geschrieben haben. Wenn ich das gleiche Ergebnis für IE 5.5 und darunter erzielen wollte, was müsste ich für den User-Agenten angeben?
(navigator.userAgent.indexOf(“MSIE 6”)>=0)
Die Leute werden IE6 nicht verlassen, bis sie mit Dingen wie Nicht-Alpha-PNGs, zusätzlichen Zeilen, wenn wir keine Präsentations-Markup wie .first auf Navigations-Styling usw. verwenden, zu leiden beginnen...
Aber Weihnachten ist bald, neuer PC = neuer Browser ... nicht die effizienteste Art des Upgrades, aber wenn es ein Nagel in IE6s Sarg ist, dann funktioniert es für mich
Während wir dabei sind... lasst uns all die Nuisances gleichzeitig loswerden: IE6, Comic Sans MS, Leute, die „alot“ schreiben, Klodeckel, die von selbst nicht oben bleiben.
Wir wollen keine Heuchler sein, oder?
Internet-Faschismus ist keine Lösung für irgendetwas. Anstatt Leute einfach auszuschließen, stoßen Sie sie sanft in Richtung etwas wie browse happy (nicht nur ein Firefox-Download, nicht Internet Explorer zu verwenden bedeutet nicht, dass Sie Firefox verwenden müssen – auch er hat Fehler und Mängel). So geben Sie Ihren Besuchern nicht im Grunde den Mittelfinger.
Ausgezeichnet, Chris! Liebe deine Arbeit.
Eine subtilere WordPress-Alternative ist verfügbar unter http://wordpress.org/extend/plugins/push-up-the-web-for-wordpress
Das Skript funktioniert bei mir nicht.
Zuerst lud ich einen eigenständigen IE6-Browser von http://www.stalebrew.com/2008/browsers/stand-alone-internet-explorer-6/ herunter, und übrigens funktioniert Ihr Blockier-Skript großartig, aber nur von dieser Seite aus, nachdem ich auf den Demo-Button geklickt habe.
Aber als ich das Skript auf meiner Website verwendete, erhielt ich keine Overlay-Nachricht.
Es könnte an mir liegen, also habe ich die Dateien erneut heruntergeladen und die gesamte Datei auf meinen Host hochgeladen. Und das Skript funktioniert immer noch nicht... es könnte wieder an mir liegen.
Also versuchte ich herauszufinden, was falsch war, indem ich Mozillas Firebug benutzte, und es schien, dass eine „style.css“ fehlte. Aber das sollte keinen Einfluss darauf haben, warum das Skript nicht funktioniert.
Daher lade ich Sie ein, es selbst auszuprobieren. Habe ich etwas falsch gemacht?
http://tazinteractive.com/IE6Blocker/ie6blocker.html
Bitte antworten Sie.
Tarzine