Các vấn đề / tạo tác của Safari 6 (trên Mountain Lion)


12

Bản cập nhật cuối cùng Tôi vừa nhận được email từ Apple xác nhận lỗi này đã được sửa trong OS X Mountain Lion 10.8.3


Tôi đã gặp sự cố kết xuất với Safari 6 trên các hệ thống khác nhau đang chạy Mountain Lion và tôi không thể tìm ra giải pháp. Tôi đã đính kèm một số ảnh chụp màn hình để mô tả vấn đề.

Cập nhật Điều tra thêm cho thấy rằng đây có thể chỉ là sự cố với các mẫu máy Mac 2012, cụ thể là các mẫu có đồ họa HD4000.

Cập nhật Dường như các tạo phẩm không luôn hiển thị ngay lập tức, yêu cầu một số tải lại và / hoặc đóng / mở lại các tab trước khi chúng xuất hiện.

Cập nhật Sự cố được xác nhận là không phải lỗi WebKit và đã được gửi là lỗi tại Apple (vấn đề 12750455 của Simon Fraser).

Trang web Twitter Bootstrap trên Safari

Trang web Twitter Bootstrap trên Safari

Trang web Twitter Bootstrap trên Firefox

Trang web Twitter Bootstrap trên Firefox

Tếch jsfiddle trên Safari

Tếch jsfiddle trên Safari

Tếch jsfiddle trên Firefox

Tếch jsfiddle trên Firefox

Liên kết đến các trang web hiển thị trên ảnh chụp màn hình:


2
Tôi đã cố gắng chỉnh sửa văn bản một chút, nhưng trước khi tôi cố gắng đề xuất nếu một trang web khác sẽ tốt hơn và di chuyển nó, bạn có thể làm rõ những gì bạn đang tìm kiếm chủ yếu không? Bạn có muốn điều này là về JQuery cần một bản vá hoặc về WebKit / Safari không? Chúng tôi tập trung nhiều hơn vào người dùng ở đây và mặc dù một số người là lập trình viên và nhà phát triển web, chúng tôi không phải là nơi tốt nhất cho cấp độ mã và kiến ​​thức cấp độ lỗi / hồi quy. Chúng tôi có thể chỉ cho bạn cách xử lý lỗi với Apple, nhưng nói chung không có Q & A chi tiết về html / css / js ở đây.
bmike

1
Tôi hoàn toàn ổn ... imgur.com/a/vICCs Tôi đang chạy Safari 6.0.1 trên OS X Lion 10.7.5
daviesgeek

@bmike Tôi đoán đây là vấn đề của Mountain Lion chứ không phải vấn đề html / css / js.
René

Tôi vừa hỏi một đồng nghiệp cũng điều hành Mountain Lion: không có vấn đề gì ở đó. Vì vậy, nguồn gốc của vấn đề vẫn là một bí ẩn đối với tôi.
René

1
@ René Theo blackpixel.com/blog/2012/02/radar-or-gtfo.html nên nuôi các lỗi trùng lặp với Apple, vì vậy có lẽ bạn cũng nên báo cáo!
Olly Hodgson

Câu trả lời:


3

Đó là một lỗi trong Safari, đã được giải quyết trong Bản cập nhật OSX 10.8.3!


1
Ví dụ, thêm trích dẫn có liên quan của ghi chú cập nhật sẽ làm tăng giá trị câu trả lời của bạn.
Thecafremo

1
Nó không thực sự được ghi chú trong các ghi chú cập nhật, nhưng nó đã giải quyết nó. Đã thử nó trước và sau khi cập nhật.
Guido Hendriks 15/03/13

1
Có vẻ như nó đã được Apple sửa lỗi với việc phát hành Mountain Lion 10.8.3 + Safari 6.0.3 trong tuần này.
Chìm 15/03/13

8

Tôi có thể xác nhận đây là một lỗi với GPU Intel Graphics 4000. Tôi thấy các tạo tác đồ họa trên MacBook Pro 13 "Retina của tôi chứ không phải trên MBP cũ hơn của tôi có Mt. Lion và GPU Nvidia Geforce.

Tôi có kinh nghiệm đầu tiên về vấn đề này trong khi cố gắng phát triển các nút css cho các trang web ...

Tôi tin rằng các tạo tác có thể được sao chép bằng cách sử dụng css3 border-radiuskết hợp với a box-shadow. Mặc dù rõ ràng nó cũng xảy ra trong nhiều trường hợp khác. (Mà tôi có thể xác nhận)

Đây là một liên kết đến một báo cáo lỗi trên trang web webkit (mặc dù tôi không chắc nó thuộc về nó):

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

Và câu hỏi SO xuất phát từ:

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


1
Cảm ơn đã chia sẻ điều này. Tôi không tin đó là một vấn đề về webkit, vì vấn đề này là dành riêng cho OS X Mountain Lion và chỉ với đồ họa HD4000.
René

2

Đây không phải là lỗi Intel HD 4000. Tôi chỉ có thể thấy lỗi này từ Safari trên Intel HD 4000. Nếu tôi mở trang bằng (Opera, Chrome, Firefox) - tôi không thể sao chép lỗi này


2

Một cách khắc phục nhanh cho vấn đề này là sử dụng một biến đổi trên đối tượng có bán kính đường viền hoặc thuộc tính gây thiệt hại khác. Bằng cách đó, bạn buộc phải vẽ lại bằng card đồ họa và điều đó sẽ loại bỏ vấn đề.

Áp dụng các thuộc tính sau: -webkit-transform: translate3d(0,0,0);- Và bạn sẽ ổn.


Có một chi phí hiệu năng không đáng kể nếu bạn áp dụng nó cho một div chứa nhiều thứ, nhưng không khắc phục được lỗi.
James

Chi phí thực hiện? Tôi muốn xem một số dữ liệu về điều này. Mọi chi phí gia tăng phải được xử lý bởi GPU.
Kalms 14/2/13

1
Một biến đổi null tạo ra một kết cấu sao lưu cho phần tử đó trên GPU. Điều này làm cho việc di chuyển phần tử trở nên rẻ hơn dưới dạng hỗn hợp thay vì sơn, nhưng nó làm thay đổi thành phần đắt hơn (ví dụ: văn bản, kích thước, thay đổi kiểu) vì nó cần tải lên một kết cấu mới cho GPU cũng như sơn lại phần tử . Bạn cũng chiếm bộ nhớ GPU, đây có thể là một vấn đề trên điện thoại.
JaffaTheCake

Cảm ơn vì điều đó. Bất kỳ khuyến nghị tốt cho thông tin về điều này?
Kalms

1

Dưới đây là những điều tôi sẽ làm nếu bạn không thể cung cấp một liên kết đến một cái gì đó có trên internet để người khác sao chép / nói ra những gì đang xảy ra.

  1. Hãy thử xây dựng webkit hàng đêm để xem đó có phải là lỗi đã được sửa không, nhưng không vận chuyển. http://nightly.webkit.org

  2. Xóa tất cả các tiện ích mở rộng khỏi Safari để đảm bảo rằng nó không phải do một.


Tôi đã thêm các liên kết đến các trang web hiển thị trên ảnh chụp màn hình.
René

Tôi đã thử cả hai đề xuất của bạn nhưng tiếc là chúng không hoạt động.
René

1

Tôi cũng có thể xác nhận lỗi này trên macbook retina 15 "(osx 10.8.2, safari 6.0.2)

Macbook của tôi cũng có Intel HD4000, nhưng cũng có Nvidia GT 650M cho màn hình ngoài.

Để loại bỏ tất cả các khả năng khác, ngoại trừ card đồ họa (trình điều khiển), tôi đã sử dụng bộ chuyển đổi thunderbolt sang dvi để kết nối màn hình ngoài trên thẻ Nvidia.

Kết quả: Không có dòng lạ và hiệu ứng jquery kỳ dị!

kết luận: Vấn đề HD4000 (trình điều khiển).

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.