2012-07-25 29 views
1

我創建了一個包含帖子列表的網頁(想想facebook的帖子列表視圖)。此網頁會導致iPad上的Safari瀏覽器崩潰。我不確定這是因爲頁面中的div太多,還是因爲頁面的JavaScript使用了太多的內存。限制在iOS上的網頁的div或內存的數量?

任何想法是否在iOS Safari上有最大div數或每頁最大內存? 該網頁加載並正常執行Chrome/FireFox/Safari-on-MacIntel

+1

我想盡量限制圖片或其他大型資源的數量。另外,如果你有很多帖子,請嘗試分頁。 – TheZ 2012-07-25 21:32:56

+0

iOS在處理大型DOM樹方面非常出色。但是,請注意不要移除看不見的元素,例如移除長度爲100左右的帖子列表中的前10個項目。之前我們已經崩潰了。其他的罪魁禍首是TheZ提到的大圖片。請記住,任何像素,甚至是透明的,都佔用RAM中的4個字節。所以即使是一個小文件大小的內存也可能會很大。 – 2012-07-25 23:45:19

+0

感謝所有的答覆。現在,我使用TheZ建議的分頁方式。我也試圖減少圖片和div的數量,看看是否有幫助,所以我可以每頁顯示更多。 – user1550171 2012-07-26 19:24:36

回答

0

我不認爲有一個EXACT數量的div。不過,我敢打賭有一個限制。 我想盡量限制圖像或視頻,以減少內存量。
最好的辦法是保持iPAD低於iPAD,因爲它沒有計算機那麼多的RAM。
希望有幫助。

沒有格上限,只要過載;)

0

剪切頁面上的一些角落;縮小圖像大小/更改格式,取消任何「絨毛」。請記住,移動網站不應該看起來像桌面網站一樣運作。一個高效的,最小的,乾淨的移動網頁是要走的路。你也許能夠找到一些移動jQuery插件來幫助你。正如@TheZ所提到的,嘗試分頁。