Safari 6 렌더링 문제 / 아티팩트 (Mountain Lion)


12

최종 업데이트 Apple에서이 버그가 OS X Mountain Lion 10.8.3에서 수정되었음을 확인하는 이메일을 받았습니다.


모든 Mountain Lion을 실행하는 다른 시스템에서 Safari 6으로 렌더링 문제가 발생하여 해결책을 찾을 수 없습니다. 문제를 설명하기 위해 스크린 샷을 첨부했습니다.

업데이트 추가 조사에 따르면 2012 Mac 모델, 특히 HD4000 그래픽 모델에서만 문제가 될 수 있습니다.

업데이트 아티팩트가 항상 즉시 표시되는 것은 아니므로 표시되기 전에 다시로드하거나 닫거나 다시 열어야하는 탭이 필요합니다.

업데이트 문제는 것으로 확인 하지 웹킷 버그 , 및 (사이먼 프레이저으로 문제 12750455) 애플에 버그로 제기되고있다.

Safari의 Twitter 부트 스트랩 웹 사이트

Safari의 Twitter 부트 스트랩 웹 사이트

Firefox의 Twitter 부트 스트랩 웹 사이트

Firefox의 Twitter 부트 스트랩 웹 사이트

사파리에 티크의 jsfiddle

사파리에 티크의 jsfiddle

Firefox에서 티크의 jsfiddle

Firefox에서 티크의 jsfiddle

스크린 샷에 표시된 웹 사이트 링크 :


2
텍스트를 약간 편집하려고했지만 다른 사이트가 더 나은지를 제안하고 마이그레이션하기 전에 주로 찾고있는 내용을 명확히 할 수 있습니까? 패치가 필요한 JQuery 또는 WebKit / Safari에 대한 정보가 필요하십니까? 우리는 여기서 사용자에 더 중점을두고 있으며 일부는 프로그래머와 웹 개발자이지만 코드 수준 및 버그 / 회귀 수준 지식에 가장 적합한 곳은 아닙니다. Apple에 버그를 신고하는 방법을 알려 드릴 수 있지만 일반적으로 여기에 자세한 html / css / js Q & A가 없습니다.
bmike

1
저는 완벽하게 괜찮습니다 ... imgur.com/a/vICCs OS X Lion 10.7.5에서 Safari 6.0.1을 실행하고 있습니다.
daviesgeek

@bmike 내 생각에 이것은 Mountain Lion 문제이며 html / css / js 문제는 아닙니다.
르네

방금 Mountain Lion을 운영하는 동료에게 문제가 없었습니다. 따라서 문제의 원인은 여전히 ​​미스터리입니다.
르네

1
@ René blackpixel.com/blog/2012/02/radar-or-gtfo.html 에 따르면 Apple에서 중복 버그를 발생시키는 것이 좋습니다. 따라서보고해도 좋습니다.
Olly Hodgson

답변:


3

OSX 업데이트 10.8.3에서 해결 된 Safari의 버그였습니다!


1
예를 들어 업데이트 노트의 관련 인용문을 추가하면 답변의 가치가 크게 높아집니다.
Thecafremo

1
실제로 업데이트 노트에는 언급되지 않았지만 해결되었습니다. 업데이트 전후에 직접 시도했습니다.
귀도 헨드릭스

1
이번 주 Mountain Lion 10.8.3 + Safari 6.0.3이 출시되면서 Apple에서 수정 한 것 같습니다.
Sinklar

8

Intel Graphics 4000 GPU의 버그임을 확인할 수 있습니다. 13 인치 Retina MacBook Pro의 그래픽 아티팩트를 볼 수 있으며 Lion Mt. 및 Nvidia Geforce GPU가 장착 된 구형 MBP에는 없습니다.

웹 사이트를위한 CSS 버튼을 개발하려고 하면서이 문제에 대한 직접적인 경험이 있습니다 ...

css3 border-radius을 a와 함께 사용하여 아티팩트를 재생할 수 있다고 생각합니다 box-shadow. 분명히 많은 다른 상황에서도 발생합니다. (확인할 수있는)

다음은 웹킷 웹 사이트의 버그 보고서에 대한 링크입니다 (여전히 확실하지는 않지만).

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

그리고 SO 질문은 다음과 같습니다.

/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 버그가 아닙니다. Intel HD 4000의 Safari에서만이 버그를 볼 수 있습니다. (Opera, Chrome, Firefox) 페이지를 열면이 버그를 재현 할 수 없습니다


2

이 문제에 대한 빠른 수정은 경계 반경 또는 기타 손상을 유발하는 속성이있는 객체에 변형을 사용하는 것입니다. 그렇게하면 그래픽 카드를 사용하여 다시 그리기를 수행 할 수있어 문제가 해결됩니다.

다음 속성을 적용하십시오 -webkit-transform: translate3d(0,0,0);.-그리고 괜찮을 것입니다.


많은 것들을 포함하는 div에 적용하면 성능 비용이 중요하지 않지만 버그를 해결합니다.
James

성능 비용? 이것에 대한 데이터를보고 싶습니다. 추가 비용은 GPU에서 처리해야합니다.
Kalms 2013

1
널 변환은 GPU에서 해당 요소의 배경 텍스처를 만듭니다. 이렇게하면 페인트가 아닌 합성물이기 때문에 요소를 저렴하게 이동할 수 있지만 요소를 다시 칠할뿐 아니라 GPU에 새 텍스처를 업로드해야하므로 요소 변경 (예 : 텍스트, 치수, 스타일 변경)이 더 비쌉니다. . 또한 휴대 전화에서 문제가 될 수있는 GPU 메모리를 사용합니다.
JaffaTheCake

고마워 이것에 대한 정보에 대한 좋은 권장 사항이 있습니까?
Kalms

1

다른 사람들이 인터넷에서 어떤 일이 일어나고 있는지 복제하거나 고치기 위해 인터넷에 연결된 것에 대한 링크를 제공 할 수 없다면 내가 할 일이 있습니다.

  1. 야간 웹킷 빌드를 시도하여 수정되었지만 배송되지 않은 버그인지 확인하십시오. http://nightly.webkit.org

  2. Safari에서 모든 확장 프로그램을 제거하여 확장 프로그램이 원인이 아닌지 확인하십시오.


스크린 샷에 표시된 웹 사이트에 대한 링크를 추가했습니다.
르네

두 가지 제안을 모두 시도했지만 불행히도 작동하지 않았습니다.
르네

1

또한 레티 나 15 인치 맥북 (OSX 10.8.2, 사파리 6.0.2)에서이 버그를 확인할 수 있습니다.

내 맥북에는 인텔 HD4000과 외부 디스플레이를위한 Nvidia GT 650M도 있습니다.

그래픽 카드 (드라이버) 이외의 다른 모든 가능성을 없애기 위해 썬더 볼트를 DVI 어댑터로 사용하여 Nvidia 카드의 외부 디스플레이를 연결했습니다.

결과 : 이상한 줄과 이상한 jquery 효과가 없습니다!

결론 : HD4000 (드라이버) 문제.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.