ปัญหาการแสดงผล / สิ่งประดิษฐ์ของ Safari 6 (บน Mountain Lion)

12

อัปเดตครั้งสุดท้ายฉันเพิ่งได้รับอีเมลจาก Apple ยืนยันว่าข้อผิดพลาดนี้ได้รับการแก้ไขใน OS X Mountain Lion 10.8.3

ฉันเคยมีปัญหาในการเรนเดอร์กับ Safari 6 ในระบบต่าง ๆ ที่เรียกใช้ Mountain Lion ทั้งหมดและฉันไม่สามารถหาวิธีแก้ไขได้ ฉันได้แนบภาพหน้าจอเพื่ออธิบายปัญหา

อัปเดตการสอบสวนเพิ่มเติมชี้ให้เห็นว่านี่อาจเป็นปัญหากับรุ่น Mac 2012 เท่านั้นโดยเฉพาะกับกราฟิก HD4000

อัปเดตดูเหมือนว่าสิ่งประดิษฐ์จะไม่ปรากฏขึ้นทันทีเสมอต้องมีการโหลดซ้ำและ / หรือปิด / เปิดแท็บใหม่ก่อนที่จะปรากฏขึ้น

อัปเดตปัญหาได้รับการยืนยันว่าไม่ใช่ข้อบกพร่องของ WebKitและได้รับการยื่นเป็นข้อบกพร่องที่ Apple (ปัญหา 12750455 โดย Simon Fraser)

เว็บไซต์ Twitter Bootstrap บน Safari

เว็บไซต์ Twitter Bootstrap บน Firefox

jsfiddle ของ Teak บน Safari

jsfiddle ของ Teak บน Firefox

ลิงค์ไปยังเว็บไซต์ที่แสดงในภาพหน้าจอ:

macos safari graphics

— René
แหล่งที่มา

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

@bike ฉันเดาว่านี่เป็นปัญหาของ Mountain Lion ไม่ใช่ปัญหา html / css / js

— René

ฉันเพิ่งถามเพื่อนร่วมงานที่ทำงาน Mountain Lion ด้วย: ไม่มีปัญหา ดังนั้นที่มาของปัญหายังคงเป็นปริศนาสำหรับฉัน

— René

1

@ Renéอ้างอิงจากblackpixel.com/blog/2012/02/radar-or-gtfo.htmlมันเป็นความคิดที่ดีที่จะหาข้อผิดพลาดซ้ำ ๆ กับ Apple ดังนั้นจึงเป็นความคิดที่ดีถ้าคุณรายงานด้วย!

— Olly Hodgson

3

มันเป็นข้อผิดพลาดใน Safari แก้ไขใน OSX Update 10.8.3!

— Guido Hendriks
แหล่งที่มา

1

ยกตัวอย่างเช่นการเพิ่มคำพูดที่เกี่ยวข้องของบันทึกการปรับปรุงจะเพิ่มมูลค่าของคำตอบของคุณ

— Thecafremo

1

มันไม่ได้ถูกบันทึกไว้ในบันทึกการอัพเดท แต่มันแก้ไขได้ ลองด้วยตัวเองก่อนและหลังการอัพเดท

— Guido Hendriks

1

ดูเหมือนว่า Apple ได้รับการแก้ไขแล้วพร้อมการเปิดตัว Mountain Lion 10.8.3 + Safari 6.0.3 ในสัปดาห์นี้

— Sinklar

8

ฉันสามารถยืนยันได้ว่านี่เป็นข้อผิดพลาดกับ Intel Graphics 4000 GPU ฉันเห็นสิ่งประดิษฐ์กราฟิกบน Retina MacBook Pro ขนาด 13 นิ้วของฉันไม่ใช่ใน MBP รุ่นเก่าซึ่งมี Mt. Lion และ Nvidia Geforce GPU

ฉันมีประสบการณ์ตรงกับปัญหานี้ในขณะที่พยายามพัฒนาปุ่ม css สำหรับเว็บไซต์ ...

ผมเชื่อว่าสิ่งประดิษฐ์ที่สามารถทำซ้ำโดยใช้ CSS3 นี้ร่วมกับborder-radius box-shadowแม้ว่าจะเห็นได้ชัดว่ามันเกิดขึ้นในหลาย ๆ สถานการณ์เช่นกัน (ซึ่งฉันสามารถยืนยันได้)

นี่คือลิงค์ไปยังรายงานข้อผิดพลาดบนเว็บไซต์ webkit (แม้ว่าฉันไม่แน่ใจว่ามันอยู่ในนั้น):

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

ขอขอบคุณที่แบ่งปันสิ่งนี้ ฉันไม่มั่นใจว่าเป็นปัญหาของ webkit เนื่องจากปัญหานี้มีเฉพาะกับ OS X Mountain Lion และเฉพาะกับกราฟิก HD4000

— René

2

นี่ไม่ใช่ข้อผิดพลาด Intel HD 4000 ฉันเห็นข้อผิดพลาดนี้จาก Safari บน Intel HD 4000 เท่านั้นหากฉันเปิดหน้าด้วย (Opera, Chrome, Firefox) - ฉันไม่สามารถทำซ้ำข้อบกพร่องนี้ได้

— Vladimir Kadnikov
แหล่งที่มา

2

การแก้ไขปัญหานี้อย่างรวดเร็วคือการใช้การแปลงกับวัตถุที่มีรัศมีเส้นขอบหรือความเสียหายอื่น ๆ ที่ก่อให้เกิดคุณสมบัติ ด้วยวิธีการที่คุณบังคับให้วาดใหม่ด้วยกราฟิกการ์ดและที่จะลบปัญหา

ใช้คุณสมบัติต่อไปนี้: -webkit-transform: translate3d(0,0,0);- และคุณควรจะปรับ

— Kalms
แหล่งที่มา

มีค่าประสิทธิภาพที่ไม่สำคัญหากคุณใช้กับ div ที่มีเนื้อหามากมาย แต่จะแก้ไขข้อบกพร่อง

— James

ต้นทุนประสิทธิภาพหรือไม่ ฉันต้องการดูข้อมูลเกี่ยวกับเรื่องนี้ ค่าใช้จ่ายเพิ่มเติมใด ๆ ควรได้รับการจัดการโดย GPU

— Kalms

1

การแปลงค่า Null จะสร้างพื้นผิวการสำรองข้อมูลสำหรับองค์ประกอบนั้นใน GPU สิ่งนี้ทำให้การเคลื่อนย้ายองค์ประกอบถูกลงเนื่องจากเป็นคอมโพสิตมากกว่าการทาสี แต่ทำให้การเปลี่ยนแปลงองค์ประกอบมีราคาแพงกว่า (เช่นข้อความมิติการเปลี่ยนแปลงสไตล์) เนื่องจากต้องอัปโหลดพื้นผิวใหม่ไปยัง GPU รวมทั้งทาสีองค์ประกอบ . คุณยังใช้หน่วยความจำ GPU ซึ่งอาจมีปัญหาในโทรศัพท์

— JaffaTheCake

ขอบคุณสำหรับสิ่งนั้น. มีคำแนะนำที่ดีสำหรับข้อมูลเกี่ยวกับเรื่องนี้หรือไม่?

— Kalms

1

นี่คือสิ่งที่ฉันจะทำถ้าคุณไม่สามารถให้ลิงค์ไปยังสิ่งที่อยู่บนอินเทอร์เน็ตเพื่อให้ผู้อื่นทำซ้ำ / พูดถึงสิ่งที่เกิดขึ้น

ลองสร้าง webkit ทุกคืนเพื่อดูว่าเป็นข้อบกพร่องที่ได้รับการแก้ไขหรือไม่ แต่ไม่ใช่การจัดส่ง http://nightly.webkit.org
ลบส่วนขยายทั้งหมดออกจาก Safari เพื่อให้แน่ใจว่าไม่ใช่ส่วนขยาย

— bmike
แหล่งที่มา

ฉันได้เพิ่มลิงค์ไปยังเว็บไซต์ที่แสดงในภาพหน้าจอ

— René

ฉันลองทั้งคำแนะนำของคุณ แต่น่าเสียดายที่พวกเขาไม่ได้ทำงาน

— René

1

ฉันยังสามารถยืนยันข้อผิดพลาดนี้บน macbook retina 15 "(osx 10.8.2, Safari 6.0.2)

macbook ของฉันยังมี Intel HD4000 แต่ยังมี Nvidia GT 650M สำหรับจอแสดงผลภายนอก

เพื่อกำจัดความเป็นไปได้อื่น ๆ ทั้งหมดยกเว้นการ์ดกราฟิก (ไดรเวอร์) ฉันใช้สายฟ้าเพื่อแปลงอะแดปเตอร์ dvi เพื่อเชื่อมต่อจอแสดงผลภายนอกบนการ์ด Nvidia

ผลลัพธ์: ไม่มีเส้นแปลก ๆ และเอฟเฟกต์ jquery นอกลู่นอกทาง!

ข้อสรุป: ปัญหา HD4000 (ไดรเวอร์)

— รูเบน
แหล่งที่มา