Проблеми / артефакти щодо надання Safari 6 (на гірському Леві)

12

Остаточне оновлення Щойно я отримав електронний лист від Apple про те, що ця помилка була виправлена в OS X Mountain Lion 10.8.3

У мене виникають проблеми із Safari 6 у різних системах, на яких працює гірський лев, і я не можу знайти рішення. Я додав кілька скріншотів, щоб описати проблему.

Оновлення Подальше дослідження свідчить про те, що це може бути проблемою лише з моделями Mac 2012 року, зокрема з графікою HD4000.

Оновлення Здається, артефакти не завжди з’являються негайно, вимагаючи певних перезавантажень та / або закриття / повторного відкриття вкладок, перш ніж вони з’являться.

Оновлення Проблема підтверджена як не помилка WebKit і подана як помилка в Apple (проблема 12750455 від Simon Fraser).

Веб-сайт Twitter Bootstrap на Safari

Веб-сайт Twitter Bootstrap на Firefox

Тикова jsfiddle про сафарі

Тикова jsfiddle на Firefox

Посилання на веб-сайти, показані на скріншотах:

macos safari graphics

— Рене
джерело

2

Я спробував трохи відредагувати текст, але перш ніж спробувати підказати, чи буде інший сайт кращим і перенести його, чи можете ви уточнити, що ви шукаєте насамперед? Ви хочете, щоб це стосувалося JQuery, який потребує виправлення, або про WebKit / Safari? Ми більше орієнтовані на користувачів тут, і хоча деякі є програмістами та веб-розробниками, ми не найкраще місце для рівня коду та рівня помилок / регресії. Ми можемо вказати на те, як подати помилку в Apple, але тут загалом немає детальних запитань html / css / js Q&A.

— bmike

1

Я прекрасно ... imgur.com/a/vICCs Я запускаю Safari 6.0.1 на OS X Lion 10.7.5

— daviesgeek

@bmike Думаю, це проблема гірського лева, а не проблема html / css / js.

— Рене

Я просто запитав колегу, яка також керує гірським левом: проблем там немає. Тож джерело проблеми для мене залишається загадкою.

— Рене

1

@ René Згідно з повідомленнями blackpixel.com/blog/2012/02/radar-or-gtfo.html , хороша ідея збирати дублікати помилок за допомогою Apple, тож, мабуть, це гарна ідея, якщо ви також повідомте про це!

— Оллі Ходжсон

3

Це була помилка в Safari, вирішена в OSX Update 10.8.3!

— Гвідо Хендрікс
джерело

1

Наприклад, додавання відповідної цитати до оновлених приміток значно підвищить значення вашої відповіді.

— Текафремо

1

Насправді це не було зазначено в нотатках оновлення, але це все-таки вирішило. Спробував це сам до та після оновлення.

— Гвідо Хендрікс

1

Схоже, це було виправлено Apple з випуском Mountain Lion 10.8.3 + Safari 6.0.3 цього тижня.

— Sinklar

8

Я можу підтвердити, що це помилка з графічним процесором Intel Graphics 4000. Я бачу графічні артефакти на моєму 13-дюймовому Retina MacBook Pro, а не на моїй старшій MBP, яка має Mt. Lion та GPU Nvidia Geforce.

Я маю досвід роботи з цим питанням, намагаючись розробити кнопки css для веб-сайтів ...

Я вважаю, що артефакти можна відтворити, використовуючи css3 border-radiusспільно з a box-shadow. Хоча, очевидно, це відбувається і в багатьох інших обставинах. (Що я можу підтвердити)

Ось посилання на звіт про помилку на веб-сайті webkit (хоча я не впевнений, що він там належить):

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

І питання ТА, з якого воно виникло:

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

— Тік
джерело

1

Дякуємо, що поділилися цим. Я не переконаний, що це проблема веб-кайтів, оскільки ця проблема характерна лише для OS X Mountain Lion і лише для HD4000 графіки.

— Рене

2

Це не помилка Intel HD 4000. Я бачу цю помилку лише у Safari на Intel HD 4000. Якщо я відкрию сторінку з (Opera, Chrome, Firefox) - я не можу відтворити цю помилку

— Володимир Кадников
джерело

2

Швидке вирішення цієї проблеми - використання перетворення на об'єкті з радіусом межі або іншим майном, що спричиняє шкоду. Таким чином ви змушуєте перемальовувати графічну карту, і це усуває проблему.

Застосуйте таке властивість: -webkit-transform: translate3d(0,0,0);- І вам слід добре.

— Калмс
джерело

Має несуттєву вартість продуктивності, якщо застосувати його до діва, що містить багато матеріалів, але вирішує помилку.

— Джеймс

Вартість продуктивності? Я хотів би побачити деякі дані щодо цього. Будь-які додаткові витрати повинні обробляти GPU.

— Калмс

1

Нульове перетворення створює резервну текстуру для цього елемента в GPU. Це робить переміщення елемента дешевим, оскільки він є композитом, а не фарбою, але він робить зміни в елементі дорожчими (наприклад, текст, розмірність, зміна стилю), оскільки для завантаження нової текстури до графічного процесора потрібно також перефарбувати елемент. . Ви також займаєте пам'ять GPU, що може стати проблемою на телефонах.

— JaffaTheCake

Дякую тобі за це. Якісь хороші рекомендації щодо інформації щодо цього?

— Калмс

1

Ось що я б зробив, якщо ви не можете надати посилання на те, що живе в Інтернеті для інших, щоб дублювати / видавати, що відбувається.

Спробуйте створити щомісячну веб-версію, щоб побачити, чи виправлена помилка, але не доставка. http://nightly.webkit.org
Видаліть усі розширення з Safari, щоб переконатися, що воно не викликане одним.

— bmike
джерело

Я додав посилання на веб-сайти, показані на скріншотах.

— Рене

Я спробував обидві ваші пропозиції, але, на жаль, вони не спрацювали.

— Рене

1

Я також можу підтвердити цю помилку на сітківці 15 "macbook (osx 10.8.2, safari 6.0.2)

У моїй книзі macbook також є Intel HD4000, а також Nvidia GT 650M для зовнішнього дисплея.

Для усунення всіх інших можливостей, крім графічної карти (драйвера), я використовував адаптер thunderbolt to dvi для підключення зовнішнього дисплея на картці Nvidia.

Результат: Ніяких дивних ліній та вигадливих ефектів jquery!

висновок: проблема HD4000 (драйвер).

— Рубен
джерело