Typische Fallen der Cross-Browser-Kompatibilität [geschlossen]

StackOverflow https://stackoverflow.com/questions/154132

Frage

Was sind die häufigsten Browser Kompatibilitätsprobleme in den wichtigsten Desktop-Browser?

Keine dups gefallen. Up-vote Probleme eingegangen, haben. Ich hoffe auf die Liste selbst sortieren. „IE sux“ ist keine Gefahr, sondern eine Aufforderung zur Abwärts Stimme.

[Bearbeiten] Ja, ich weiß, es ist eine Umfrage - Ich bin nicht Antworten in diesem Posting Punkte zu sammeln. - Ich bin eigentlich daran interessiert zu wissen, was die Leute normalerweise in ausführen

War es hilfreich?

Lösung

Quirksmode hat eine umfassende Liste von vielen differencies besonderen Aufmerksamkeit bedarf! -)

- aber er ist, wie die meisten anderen Websites und Blogger im Netz, in seiner Art und Weise konzentriert, und dass die Ergebnisse in einigen kleineren oder größeren Bugs und Unstimmigkeiten ...

Andere Tipps

Transparent PNGs in Internet Explorer 6, vor allem, weil die gemeinsame, JavaScript lose Abhilfe von dem Alphaimageloader mit der Nebenwirkung von Perren IE6 .

CSS - vor allem in den modernen Browsern aussortiert, aber immer noch ein Thema -. Insbesondere hinsichtlich Layout betrifft

Beachten Sie, dass dies nicht kritisch ist - aber es ist ein Kompatibilitätsproblem ich komme am Ende fast immer zurück, wenn Gestaltung eine Website

.

Caching und vorherige Seite Hashes.

Speicherverwaltung kann ein Problem sein -. Verschiedene Müllsammler auf verschiedene Arten von zirkulären Referenzen ersticken, obwohl firefox ist ziemlich gut erhält bei Reinigung komplexe Objekte richtig

Ich habe festgestellt, dass der IE 6 hat ziemlich klein Grenzen der erlaubten Stapeltiefe.

An einem Punkt war ich mit einer schönen rekursive Funktion, um die Position eines Elements im Dokument zu erhalten: 

function getOffsetTop (element) {
    var offset = 0;

    if (element.offsetTop)
        offset = offset + element.offsetTop;

    if (element.offsetParent)
        offset = offset + getOffsetTop(element.offsetParent);   

    return offset;
}

Leider, wenn diese Methode für Elemente in einem sehr tiefen Knotenhierarchie aufrufen, IE beschwert sich die maximale Stapelgröße von mehr als (I die genaue Fehlermeldung vergessen). Um dies zu umgehen brauchte ich einen iterativen Ansatz zu verwenden, um die Stapelgröße klein zu halten: 

function getOffsetTop (element) {
    var offset = 0;

    if (element.offsetTop)
        offset = offset + element.offsetTop;

    var parent = element.offsetParent;
    while (parent) {
        if (parent.offsetTop)
            offset = offset + parent.offsetTop;
        parent = parent.offsetParent;
    }

    return offset;
}

Floats. Es gibt eine endlose Anzahl von Float Fehler in IE6 / 7 - Peekabo , Guillotine , double-Marge , entkommen schwimmt , 3px Lücke , doppelte Zeichen , eine Reihe von Clearing-Bugs, Bugs an den verfügbaren Platz im Zusammenhang ...

Die häufigste ich denken kann - und es war ein Problem für mich zweimal in dieser Woche allein - ist IE6 und der Box-Modell Bug. Schlag es nach!

Insbesondere ist das Problem, das ich von denke, wenn Sie DIVs schwebte haben, welche der Entwickler denkt alle passen in einen Wrapper DIV, aber sie nicht in IE6, weil sie etwas größer sind.

Also anstatt drei Spalten, beenden Sie mit zwei bis und Ihre dritte ist unten am unteren Rand des Bildschirms irgendwo - Sie wollen: 

   +-------------------------------+
   |+------+ +-----------+ +------+|
   ||      | |           | |      ||
   || foo  | |   bar     | | baz  ||
   ||      | |           | |      ||
   ||      | |           | |      ||
   |+------+ +-----------+ +------+|
   +-------------------------------+

, aber Sie bekommen: 

   +-------------------------------+
   |+--------+ +------------+      |
   ||        | |            |      |
   ||  foo   | |    bar     |      |
   ||        | |            |      |
   ||        | |            |      |
   |+--------+ +------------+      |
   |+------+                       |
   ||      |                       |
   ||      |                       |
   || baz  |                       |
   ||      |                       |
   ||      |                       |
   |+------+                       |
   +-------------------------------+

Wenn Sie ein XMLHttpRequest Durchführung und eine Funktion ‚onreadystatechange‘ die XMLHttpRequest.responseText Eigenschaft Ausführung enthält die zu diesem Zeitpunkt in Firefox geladen Daten, aber nicht in IE (und vielleicht auch Safari).

Dies verhindert, dass die Erfassung von Teildaten in diesen Browsern für den Einsatz in einer Ausführungsfortschrittsanzeige angezeigt wird.

Jede feste Breite, zentrierte Seite, die ich erstellt habe - das heißt mit ‚margin: 0 auto‘ auf einige enthalten div alles zum Zentrum bis - nicht auf IE6 arbeiten, bis ich es testen und anwenden einen ‚Hack‘. Dies bringt mich jedes Mal.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top