2011-11-24 31 views
1

我似乎發現了一個困境,我想知道有沒有人知道它。看起來,大量使用webkit效果替代支持CSS3的瀏覽器的JQUERY功能看起來會讓移動Safari瀏覽器崩潰到桌面。太多的Webkit,墜毀的移動Safari瀏覽器?

是否有其他人遇到此問題/解決方案。或者是由別人造成的。

+0

請詳細說明如何重現此問題。 – Sparky

+0

@ Sparky672我有一個網頁,將做到這一點。我希望這是足夠的。 http://www.golfbrowser.com/courses/mill-ride/ –

+0

我在第三代iPod Touch上,它確實是iOS 5兼容性的低端產品。您的網站速度很慢,但Mobile Safari沒有崩潰。 – Sparky

回答

1

我遇到了類似的問題。在我的情況下,應用-webkit-對數百個dom元素進行轉換或轉換會導致移動Safari瀏覽器在ios5上崩潰。有趣的是,當我測試舊iPhone 3g時,(ios3)移動Safari不會崩潰。

我知道這與-webkit-前綴有關,因爲我使用SASS作爲css,並在我的'瀏覽器前綴'mixin中註釋掉webkit行,它負責添加webkit所有CSS聲明的前綴,修復了這個問題。

我試圖通過在媒體查詢中將所有-webkit值設置爲'none'來覆蓋webkit前綴,但似乎甚至在值被覆蓋之前發生崩潰。

,我也可以肯定,它做的頁面上DOM元素的量,因爲有很多因素崩潰的這個頁面,http://dev.moovylist.com/jasiu

而具有相同的CSS此頁,但更少的元件,不會崩潰。 http://dev.moovylist.com/suzy

我到目前爲止唯一的解決方案是爲iPhone加載一個獨立的無需webkit的樣式表,以便iphone永遠不會看到webkit前綴。

+0

我在iPhone 4 iOS 5.0.1上遇到與webkit和CSS3相關的崩潰。看到這裏:http://stackoverflow.com/questions/10166441/drawing-to-a-css3-3d-transformed-canvas-on-iphone4-causes-hard-freeze它不會崩潰在新的iPad(5.1)或我有兩臺iOS設備(4.0.3版本的iPhone 3G和3.1.3版本的iPod touch 1g)。 mobilesafari將應用3D CSS3變換而不使用'-webkit-'前綴嗎? –

+0

謝謝。刪除webkit前綴解決了我的問題。在webkit前綴轉換之後,我沒有加前綴的轉換並不重要。我必須完全刪除它。 –

相關問題