我遇到了一个问题,即加载了site后,iPad和iPhone上的移动浏览器都崩溃了。
在这里找到不同的建议并没有导致任何解决方案。这是我尝试过的事情:
同时应用所有这些选项也无济于事-在Investor Relations页面上将方向切换为水平时,Safari崩溃,尽管该页面上没有太多脚本和数据。早些时候正在调查此问题的另一个人发现,表可能会导致此问题。但是,考虑到浏览器甚至在没有表的页面上崩溃……
所以我在这里没有想法。也许有人还有其他建议吗?
最佳答案
您还应该查看动画的使用和绝对/固定位置:这些CSS属性中的每一个都会创建一个新的堆叠上下文,这将导致Mobile Safari为元素创建一个单独的层。搜索“堆栈上下文”,您会发现许多要素可以创建新图层:
https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html
层通常可以提高性能,但它们需要内存。 enable Web Inspector for iOS之后,您可以打开Web Inspector并使用“层”边栏查看每个单独的层及其内存消耗。您的网站目前在iPhone 4S上占用的内存大约为50 MB以上,这肯定会进入崩溃的境地。
避免这种情况的最佳方法是根本不为不可见的功能创建DOM元素,但您也可以通过在类上设置它们(使元素可见),设置visibility: hidden
并进行切换来避免昂贵的效果在JavaScript等中
关于google-maps - 移动Safari崩溃(内存不足),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22384008/