Probleme beim Rendern von Safari 6 / Artefakte (auf Mountain Lion)

12

Letztes Update Ich habe gerade eine E-Mail von Apple erhalten, in der bestätigt wird, dass dieser Fehler in OS X Mountain Lion 10.8.3 behoben wurde

Ich habe Probleme beim Rendern von Safari 6 auf verschiedenen Systemen, auf denen Mountain Lion ausgeführt wird, und kann keine Lösung finden. Ich habe einige Screenshots angehängt, um das Problem zu beschreiben.

Update Weitere Untersuchungen deuten darauf hin, dass dies möglicherweise nur bei 2012-Mac-Modellen ein Problem ist, insbesondere bei denen mit HD4000-Grafik.

Aktualisieren Es sieht so aus, als würden die Artefakte nicht immer sofort angezeigt, was ein erneutes Laden und / oder Schließen / erneutes Öffnen von Registerkarten erfordert, bevor sie angezeigt werden.

Update Das Problem wurde als kein WebKit-Fehler bestätigt und bei Apple als Fehler gemeldet (Problem 12750455 von Simon Fraser).

Twitter Bootstrap-Website auf Safari

Twitter Bootstrap-Website auf Firefox

Teak jsfiddle auf Safari

Teak jsfiddle auf Firefox

Links zu den in den Screenshots gezeigten Websites:

macos safari graphics

— René
quelle

2

Ich habe versucht, den Text ein wenig zu bearbeiten, aber bevor ich vorschlage, ob eine andere Site besser wäre, und ihn migriere, können Sie klären, wonach Sie in erster Linie suchen? Möchten Sie, dass JQuery einen Patch benötigt oder WebKit / Safari? Wir konzentrieren uns hier mehr auf Benutzer, und obwohl einige Programmierer und Webentwickler sind, sind wir nicht der beste Ort für Kenntnisse auf Code- und Bug- / Regressions-Ebene. Wir können Sie darauf hinweisen, wie Sie einen Fehler bei Apple melden können, haben hier jedoch im Allgemeinen keine detaillierten Fragen und Antworten zu HTML / CSS / JS.

— bmike

1

Mir geht es vollkommen gut ... imgur.com/a/vICCs Ich führe Safari 6.0.1 unter OS X Lion 10.7.5

— daviesgeek 11.11.12

@bmike Vermutlich handelt es sich um ein Problem mit Mountain Lion und nicht um ein HTML / CSS / JS-Problem.

— René

Ich habe gerade einen Kollegen gefragt, der auch Mountain Lion betreibt: keine Probleme dort. Die Ursache des Problems bleibt mir also ein Rätsel.

— René

1

@ René Laut blackpixel.com/blog/2012/02/radar-or-gtfo.html ist es eine gute Idee, doppelte Fehler bei Apple zu melden, also ist es wahrscheinlich eine gute Idee, wenn Sie es auch melden!

— Olly Hodgson

3

Es war ein Fehler in Safari, der in OSX Update 10.8.3 behoben wurde!

— Guido Hendriks
quelle

1

Das Hinzufügen des entsprechenden Zitats der Aktualisierungsnotizen würde beispielsweise den Wert Ihrer Antwort erheblich erhöhen.

— Thecafremo

1

Es wurde nicht wirklich in den Update-Notizen vermerkt, aber es hat es gelöst. Versuchte es selbst vor und nach dem Update.

— Guido Hendriks

1

Es sieht so aus, als ob Apple dies mit der Veröffentlichung von Mountain Lion 10.8.3 + Safari 6.0.3 in dieser Woche behoben hat.

— Sinklar

8

Ich kann bestätigen, dass dies ein Fehler mit der Intel Graphics 4000 GPU ist. Ich sehe die Grafikartefakte auf meinem 13 "Retina MacBook Pro und nicht auf meinem älteren MBP mit Mt. Lion und einer Nvidia Geforce-GPU.

Ich habe Erfahrungen aus erster Hand mit diesem Problem, als ich versuchte, CSS-Schaltflächen für Websites zu entwickeln ...

Ich glaube, dass die Artefakte reproduziert werden können, indem man css3 border-radiusin Verbindung mit a verwendet box-shadow. Obwohl es offensichtlich auch unter vielen anderen Umständen passiert. (Was ich bestätigen kann)

Hier ist ein Link zu einem Fehlerbericht auf der Webkit-Website (obwohl ich nicht sicher bin, ob er dort hingehört):

https://bugs.webkit.org/show_bug.cgi?id=103087

Und die SO-Frage kam von:

https://stackoverflow.com/questions/13505314/artifacts-on-css-rendering-box-shadow-on-safari-6-0-2-on-mountain-lion

— Teak
quelle

1

Vielen Dank für das Teilen. Ich bin jedoch nicht davon überzeugt, dass es sich um ein Webkit-Problem handelt, da dieses Problem nur für OS X Mountain Lion und nur für HD4000-Grafiken gilt.

— René

2

Dies ist kein Intel HD 4000-Fehler. Ich kann diesen Fehler nur in Safari auf Intel HD 4000 sehen. Wenn ich eine Seite mit (Opera, Chrome, Firefox) öffne, kann ich diesen Fehler nicht reproduzieren

— Vladimir Kadnikov
quelle

2

Eine schnelle Lösung für dieses Problem ist die Verwendung einer Transformation für das Objekt mit dem Rahmenradius oder einem anderen Schaden, der Eigentum verursacht. Auf diese Weise erzwingen Sie ein Neuzeichnen mit der Grafikkarte, und das behebt das Problem.

Wenden Sie die folgende Eigenschaft an: -webkit-transform: translate3d(0,0,0);- Und es sollte Ihnen gut gehen.

— Kalms
quelle

Hat nicht unwesentliche Performance-Kosten, wenn Sie es auf ein Div anwenden, das viele Dinge enthält, aber umgeht den Fehler.

— James

Leistungskosten? Ich würde gerne einige Daten dazu sehen. Alle zusätzlichen Kosten sollten von der GPU übernommen werden.

— Kalms

1

Eine Null-Transformation erstellt eine Hintergrundtextur für dieses Element auf der GPU. Dadurch wird das Verschieben des Elements kostengünstig, da es sich nicht um eine Farbe, sondern um eine Komposition handelt. Änderungen am Element (z. B. Text, Bemaßung, Stiländerungen) sind jedoch teurer, da eine neue Textur in die GPU hochgeladen und das Element neu gestrichen werden muss . Sie belegen auch den GPU-Speicher, der bei Telefonen ein Problem sein kann.

— JaffaTheCake

Danke für das. Irgendwelche guten Empfehlungen für Informationen dazu?

— Kalms

1

Hier sind Dinge, die ich tun würde, wenn Sie keinen Link zu etwas bereitstellen könnten, das im Internet verfügbar ist, damit andere das Geschehen duplizieren / herausfinden können.

Versuchen Sie es mit einem Webkit-Build, um festzustellen, ob es sich um einen behobenen Fehler handelt, der nicht im Lieferumfang enthalten ist. http://nightly.webkit.org
Entfernen Sie alle Erweiterungen von Safari, um sicherzustellen, dass sie nicht von einer verursacht werden.

— bmike
quelle

Ich habe Links zu den in den Screenshots gezeigten Websites hinzugefügt.

— René

Ich habe beide Vorschläge ausprobiert, aber sie haben leider nicht funktioniert.

— René

1

Ich kann diesen Fehler auch auf einem 15 "Macbook mit Netzhaut (osx 10.8.2, safari 6.0.2) bestätigen.

Mein MacBook hat auch Intel HD4000, aber auch Nvidia GT 650M für das externe Display.

Um alle anderen Möglichkeiten außer der Grafikkarte (Treiber) auszuschließen, habe ich einen Thunderbolt-DVI-Adapter verwendet, um ein externes Display an die Nvidia-Karte anzuschließen.

Ergebnis: Keine seltsamen Linien und ausgeflippten JQuery-Effekte!

Fazit: HD4000 (Treiber) Problem.

— Ruben
quelle