2013-04-13 22 views
6

我的網站http://remotejobs.io一致崩潰Safari。我第一次注意到昨天晚上我在Verizon商店時發生的崩潰,並且我嘗試在iPad上通過瀏覽器測試該網站。所以我在同一家商店嘗試了兩款iPad,並且該網站在所有3款設備上都出現了iOS Safari崩潰,每次我嘗試擊中域名時都會崩潰。我的網站崩潰Safari(包括桌面和iOS)一致

確切的工作流程是:

  1. 打開Safari
  2. 輸入http://remotejobs.io

就是這樣。一旦你打開網站就會崩潰。

這也發生在桌面Safari上(僅在OSX 10.8.3上的6.0.3中進行測試),並且每次都會生成錯誤報告。下面是錯誤報告的副本之一生成:http://go.jag.is/OGcS

站點未拋出任何JS錯誤,並且在我測試過的其他現代瀏覽器,包括Chrome,Firefox的正常工作,甚至IE9(驚人足夠 )。

但是,一件奇怪的事情是,它似乎只是在iPad上而不是iPhone上使iOS Safari崩潰,因爲我可以每次在iPhone上成功加載該網站。

究竟是什麼原因導致了這種情況,我該如何進行調試?

更新:我試着評論了主樣式表,並且該網站不再在沒有該樣式表的情況下崩潰Safari。我嘗試了一個常規樣式表和一個縮小的樣式表,並且都使瀏覽器崩潰。

更新2:我把範圍縮小到CSS註釋掉JS和CSS離開,仍然墜毀。然後我嘗試刪除所有的轉換屬性,並且不再崩潰。顯然,過渡屬性導致了崩潰。

+0

IE8是最後MS瀏覽器是稍微有問題的。 IE只會忽略轉換。一些「現代」瀏覽器會實現轉換和崩潰嘗試。我在Chrome中看到了一些醜陋的東西,而Safari似乎越來越糟糕,而IE越來越好(你有沒有試過IE11?) - 所以IE真的不值得被指向像過去一樣過去。另一方面,Safari ... – Rolf

回答

5

您的網站似乎並未在Windows 7上崩潰Safari 5.1。要調試導致問題的原因,請先關閉CSS,然後逐個禁用JS文件,直到網站停止崩潰。一旦你找出了它是哪個CSS文件或JS文件,然後發佈一個鏈接到文件,我會看看我是否可以幫忙!

+1

哇 - 實際上我禁用了樣式表,並且網站現在加載成功。 CSS應該不會崩潰整個瀏覽器?!? –

+1

@JoelGlovier它可以,並且以我的經驗。特別是像過渡一樣;他們可能會導致一些討厭的記憶問題。 – Sampson

+1

我通過評論JS並將CSS放入CSS來縮小到CSS範圍,但它仍然崩潰。然後我嘗試刪除所有的轉換屬性,並且不再崩潰。顯然,過渡屬性導致了崩潰。 –

8

所以我能夠用Adam Moore的建議將問題縮小到CSS,然後用Jonathan Sampson的評論對transition屬性聲明進行縮小。

我刪除了transition的所有行,並且網站不再崩潰。

於是我看了看價值,並試圖統一時間值,看看是否會有所幫助,因爲我是在不同的屬性設置幾個不同的時間值,包括.5s一個,.3s另一個,和.25s還有更多。但統一他們並沒有影響任何東西 - 仍然墜毀。

最後,我試圖改變transition-propertyallcolor,因爲color是我真的改變的唯一的事情,並沒有更多的崩潰!顯然這是解決方案。似乎Safari試圖轉換所有屬性時感到窒息。

+7

請將此文件作爲Apple的錯誤提交。由於某些CSS,Safari真的不應該崩潰! – Nate

+0

我會試試這個,最後我發現一個提示,爲什麼我的頁面在每個Safari瀏覽器崩潰 – olanod

+0

我使用iOS 7 Safari在iPad上重現了CSS轉換的崩潰。 我檢查了日誌(設置 - >常規 - >關於 - >診斷和使用),這是一個內存不足的問題。 –

1

我偶然發現了Safari中的相同問題,並嘗試了這裏提到的一切。我還檢查了CSS驗證器中的CSS並修復了一些問題。

但我的崩潰觸發器是填充百分比值。我從填充轉換了%-Values,所有的東西都很好。

0

-webkit-transform-style:preserve-3d!important;

由於錯誤導致Safari不斷重新加載。刪除了它,它的工作。 :)。

Safari瀏覽器 - 版本8.0.8(10600.8.9) OSX EL船長