Проблемы с отображением / артефакты в Safari 6 (на Mountain Lion)

12

Окончательное обновление Я только что получил письмо от Apple, подтверждающее, что эта ошибка была исправлена ​​в OS X Mountain Lion 10.8.3

У меня были проблемы с рендерингом в Safari 6 на разных системах под управлением Mountain Lion, и я не могу найти решение. Я приложил несколько скриншотов, чтобы описать проблему.

Обновить Дальнейшие исследования показывают, что это может быть проблемой только для моделей Mac 2012 года, в частности, для моделей с графикой HD4000.

Обновить Похоже, что артефакты не всегда обнаруживаются сразу, требуя перезагрузки и / или закрытия / повторного открытия вкладок, прежде чем они появятся.

Обновление Проблема подтверждена как не в WebKit ошибка , и была подана как ошибка в Apple (проблема 12750455 Саймон Фрейзер).

Твиттер-сайт начальной загрузки на Safari

Твиттер-сайт начальной загрузки на Safari

Твиттер-сайт начальной загрузки на Firefox

Твиттер-сайт начальной загрузки на Firefox

Jsfiddle Тика на сафари

Jsfiddle Тика на сафари

Jsfiddle Тика на Firefox

Jsfiddle Тика на Firefox

Ссылки на сайты, показанные на скриншотах:

macos safari graphics Рене
источник
2
Я попытался немного отредактировать текст, но прежде чем попытаться предложить, будет ли лучше другой сайт, и перенести его, вы можете уточнить, что вы ищете в первую очередь? Хотите ли вы, чтобы JQuery требовал патча или WebKit / Safari? Здесь мы больше ориентируемся на пользователей, и хотя некоторые из них являются программистами и веб-разработчиками, мы не лучшее место для знания уровня кода и уровня ошибок / регрессии. Мы можем указать вам, как сообщить об ошибке в Apple, но обычно здесь нет подробных вопросов и ответов по html / css / js.
bmike
1
У меня все отлично ... imgur.com/a/vICCs Я использую Safari 6.0.1 на OS X Lion 10.7.5
daviesgeek
@bmike Я думаю, это проблема Mountain Lion, а не проблема html / css / js.
Рене
Я только что спросил коллегу, который также управляет Горным Львом: никаких проблем там нет. Так что источник проблемы остается для меня загадкой.
Рене
1
@ René Согласно blackpixel.com/blog/2012/02/radar-or-gtfo.html , хорошая идея - выявлять дубликаты ошибок в Apple, поэтому, вероятно, будет хорошей идеей, если вы сообщите об этом тоже!
Олли Ходжсон,

Ответы:

3

Это была ошибка в Safari, исправленная в OSX Update 10.8.3!

Гвидо Хендрикс
источник
1
Например, добавление соответствующей цитаты в примечаниях к обновлению значительно повысит ценность вашего ответа.
Thecafremo
1
На самом деле это не было отмечено в примечаниях к обновлению, но это действительно помогло. Пробовал сам до и после обновления.
Гвидо Хендрикс
1
Похоже, что это было исправлено Apple с выпуском Mountain Lion 10.8.3 + Safari 6.0.3 на этой неделе.
Синклар
8

Я могу подтвердить, что это ошибка графического процессора Intel Graphics 4000. Я вижу графические артефакты на моем 13-дюймовом MacBook Pro Retina, а не на моем старом MBP, на котором установлена ​​Mt. Lion и графический процессор Nvidia Geforce.

Я имею непосредственный опыт с этой проблемой, пытаясь разработать кнопки CSS для веб-сайтов ...

Я считаю, что артефакты можно воспроизвести, используя css3 border-radiusв сочетании с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
Спасибо, что поделились этим. Я не уверен, что это проблема webkit, поскольку эта проблема характерна только для OS X Mountain Lion и только для графики HD4000.
Рене
2

Это не ошибка Intel HD 4000. Я вижу эту ошибку только из Safari на Intel HD 4000. Если я открываю страницу с помощью (Opera, Chrome, Firefox) - я не могу воспроизвести эту ошибку

Владимир Кадников
источник
2

Быстрое решение этой проблемы - использование преобразования объекта с радиусом границы или другим свойством, вызывающим повреждение. Таким образом вы выполняете перерисовку с графической картой, и это устраняет проблему.

Примените следующее свойство: -webkit-transform: translate3d(0,0,0);- И у вас все будет хорошо.

Kalms
источник
Имеет немалые затраты производительности, если вы применяете его к div, содержащему много вещей, но исправляете ошибку.
Джеймс
Стоимость исполнения? Я хотел бы увидеть некоторые данные по этому вопросу. Любые дополнительные расходы должны обрабатываться графическим процессором.
Kalms
1
Нулевое преобразование создает вспомогательную текстуру для этого элемента в графическом процессоре. Это делает перемещение элемента дешевым, поскольку он является составным, а не рисованием, но делает изменения в элементе более дорогостоящими (например, текст, измерение, изменения стиля), поскольку для этого требуется загрузить новую текстуру в графический процессор, а также перерисовать элемент , Вы также занимаете память графического процессора, что может быть проблемой на телефонах.
JaffaTheCake
Спасибо вам за это. Любые хорошие рекомендации для информации об этом?
Kalms
1

Вот что я бы сделал, если вы не можете предоставить ссылку на что-то, что есть в Интернете, чтобы другие могли продублировать / выяснить, что происходит.

  1. Попробуйте ночную сборку webkit, чтобы увидеть, исправлена ​​ли ошибка, но не поставляется. http://nightly.webkit.org

  2. Удалите все расширения из Safari, чтобы убедиться, что они не вызваны одним из них.

bmike
источник
Я добавил ссылки на сайты, показанные на скриншотах.
Рене
Я попробовал оба ваших предложения, но, к сожалению, они не сработали.
Рене
1

Я также могу подтвердить эту ошибку на сетчатке MacBook 15 "(OSX 10.8.2, Safari 6.0.2)

Мой macbook также имеет Intel HD4000, а также Nvidia GT 650M для внешнего дисплея.

Чтобы исключить все другие возможности, кроме видеокарты (драйвера), я использовал адаптер Thunderbolt to DVI для подключения внешнего дисплея на карте Nvidia.

Результат: никаких странных линий и причудливых эффектов jquery!

Вывод: проблема HD4000 (драйвера).

Ruben
источник