Masalah rendering Safari 6 / artefak (di Mountain Lion)

12

Pembaruan akhir Saya baru saja menerima email dari Apple yang mengonfirmasi bug ini telah diperbaiki di OS X Mountain Lion 10.8.3

Saya telah mengalami masalah rendering dengan Safari 6 pada sistem yang berbeda semua menjalankan Mountain Lion, dan saya tidak dapat menemukan solusi. Saya telah melampirkan beberapa tangkapan layar untuk menjelaskan masalah ini.

Perbarui Penyelidikan lebih lanjut menunjukkan bahwa ini mungkin menjadi masalah dengan model Mac 2012 saja, khususnya yang dengan grafis HD4000.

Pembaruan Tampaknya artefak tidak selalu muncul segera, memerlukan beberapa reload dan / atau tab penutupan / pembukaan kembali sebelum mereka muncul.

Pembaruan Masalah ini dikonfirmasikan sebagai bukan bug WebKit , dan telah diajukan sebagai bug di Apple (masalah 12750455 oleh Simon Fraser).

Situs web Bootstrap Twitter di Safari

Situs web Bootstrap Twitter di Safari

Situs web Twitter Bootstrap di Firefox

Situs web Twitter Bootstrap di Firefox

Jsfiddle jati di Safari

Jsfiddle jati di Safari

Jsfiddle Jati di Firefox

Jsfiddle Jati di Firefox

Tautan ke situs web yang ditunjukkan pada tangkapan layar:

macos safari graphics René
sumber
2
Saya mencoba mengedit teksnya sedikit, tetapi sebelum saya mencoba menyarankan apakah situs lain akan lebih baik dan memigrasikannya, dapatkah Anda menjelaskan apa yang terutama Anda cari? Apakah Anda ingin ini tentang JQuery yang membutuhkan tambalan atau tentang WebKit / Safari? Kami lebih fokus pada pengguna di sini dan meskipun beberapa programmer dan pengembang web, kami bukan tempat terbaik untuk tingkat kode dan pengetahuan tingkat bug / regresi. Kami dapat mengarahkan Anda ke cara mengajukan bug dengan Apple, tetapi umumnya tidak memiliki tanya jawab html / css / js di sini.
bmike
1
Saya baik-baik saja ... imgur.com/a/vICCs Saya menjalankan Safari 6.0.1 di OS X Lion 10.7.5
daviesgeek
@ bmike Tebakan saya adalah ini masalah Mountain Lion, dan bukan masalah html / css / js.
René
Saya hanya bertanya kepada seorang rekan yang juga mengelola Mountain Lion: tidak ada masalah di sana. Jadi sumber masalahnya tetap menjadi misteri bagi saya.
René
1
@ René Menurut blackpixel.com/blog/2012/02/radar-or-gtfo.html adalah ide yang baik untuk meningkatkan bug duplikat dengan Apple, jadi mungkin ide yang baik jika Anda melaporkannya juga!
Olly Hodgson

Jawaban:

3

Itu adalah bug di Safari, diselesaikan di OSX Update 10.8.3!

Guido Hendriks
sumber
1
Menambahkan kutipan yang relevan dari catatan pembaruan, misalnya, akan sangat meningkatkan nilai jawaban Anda.
Thecafremo
1
Itu sebenarnya tidak dicatat dalam catatan pembaruan, tapi itu menyelesaikannya. Sudah mencoba sendiri sebelum dan sesudah pembaruan.
Guido Hendriks
1
Sepertinya sudah diperbaiki oleh Apple dengan merilis Mountain Lion 10.8.3 + Safari 6.0.3 minggu ini.
Sinklar
8

Saya dapat mengkonfirmasi ini adalah bug dengan GPU Intel Graphics 4000. Saya melihat artefak grafis pada Retina MacBook Pro 13 "saya dan bukan pada MBP saya yang lebih tua yang memiliki Gunung Lion dan GPU Nvidia Geforce.

Saya memiliki pengalaman langsung dengan masalah ini ketika mencoba mengembangkan tombol css untuk situs web ...

Saya percaya artefak dapat direproduksi dengan menggunakan css3 border-radiusbersamaan dengan a box-shadow. Meskipun jelas itu terjadi dalam banyak keadaan lain juga. (Yang bisa saya konfirmasi)

Berikut ini tautan ke laporan bug di situs webkit (meskipun saya tidak yakin itu ada di sana):

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

Dan pertanyaan SO berasal:

/programming/13505314/artifacts-on-css-rendering-box-shadow-on-safari-6-0-2-on-mountain-lion

Kayu jati
sumber
1
Terima kasih telah berbagi ini. Saya tidak yakin ini masalah webkit, karena masalah ini khusus untuk OS X Mountain Lion dan hanya dengan grafis HD4000.
René
2

Ini bukan bug Intel HD 4000. Saya dapat melihat bug ini hanya dari Safari di Intel HD 4000. Jika saya membuka halaman dengan (Opera, Chrome, Firefox) - saya tidak dapat mereproduksi bug ini

Vladimir Kadnikov
sumber
2

Perbaikan cepat untuk masalah ini adalah menggunakan transformasi pada objek dengan radius perbatasan atau properti penyebab kerusakan lainnya. Dengan begitu Anda memaksa redraw dengan kartu grafis, dan itu menghilangkan masalah.

Terapkan properti berikut: -webkit-transform: translate3d(0,0,0);- Dan Anda harus baik-baik saja.

Kalms
sumber
Memiliki biaya kinerja yang tidak signifikan jika Anda menerapkannya pada div yang berisi banyak hal, tetapi tidak menyelesaikan bug tersebut.
James
Biaya kinerja? Saya ingin melihat beberapa data tentang ini. Setiap biaya tambahan harus ditangani oleh GPU.
Kalms
1
Transformasi nol menciptakan tekstur dukungan untuk elemen tersebut pada GPU. Hal ini membuat pemindahan elemen lebih murah karena merupakan komposit daripada cat, tetapi membuat perubahan pada elemen lebih mahal (misalnya teks, dimensi, perubahan gaya) karena perlu mengunggah tekstur baru ke GPU serta mengecat ulang elemen tersebut. . Anda juga menggunakan memori GPU, yang dapat menjadi masalah pada ponsel.
JaffaTheCake
Terima kasih untuk itu. Adakah rekomendasi bagus untuk informasi tentang ini?
Kalms
1

Berikut adalah hal-hal yang akan saya lakukan jika Anda tidak dapat memberikan tautan ke sesuatu yang hidup di internet agar orang lain menduplikasi / menyuarakan apa yang terjadi.

  1. Coba membangun webkit malam untuk melihat apakah itu bug yang diperbaiki, tetapi tidak dikirimkan. http://nightly.webkit.org

  2. Hapus semua ekstensi dari Safari untuk memastikan itu bukan disebabkan oleh satu.

bmike
sumber
Saya telah menambahkan tautan ke situs web yang ditampilkan di tangkapan layar.
René
Saya mencoba kedua saran Anda tetapi sayangnya itu tidak berhasil.
René
1

Saya juga dapat mengonfirmasi bug ini pada macbook retina 15 "(osx 10.8.2, safari 6.0.2)

Macbook saya juga memiliki Intel HD4000, tetapi juga Nvidia GT 650M untuk tampilan eksternal.

Untuk menghilangkan semua kemungkinan lain selain kartu grafis (driver) saya menggunakan thunderbolt ke adaptor dvi untuk menghubungkan layar eksternal pada kartu Nvidia.

Hasil: Tidak ada garis aneh dan efek jquery aneh!

kesimpulan: masalah HD4000 (driver).

Ruben
sumber