google-maps - 移动Safari崩溃(内存不足)

标签 google-maps safari crash transform

我遇到了一个问题,即加载了site后,iPad和iPhone上的移动浏览器都崩溃了。
在这里找到不同的建议并没有导致任何解决方案。这是我尝试过的事情:

  • 删除-webkit-transition元素
  • 删除自定义字体
  • 关闭方向更改事件
  • 关闭Google map
  • 关闭石工插件

  • 同时应用所有这些选项也无济于事-在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/

    相关文章:

    ruby-on-rails - Rails 应用程序因超时而崩溃

    c++ - Arduino 崩溃并在 "random points"处重新启动

    html - 固定标题被谷歌地图覆盖

    java - PutParcelable 无法应用于 Place.Type 错误?

    java - 如何使用 android studio 更改 Google map 中“我的位置”按钮的位置

    html - Flexbox,大于 div 的图像在 safari 中缩小但在 chrome 中不缩小

    javascript - 如何在谷歌地图 javascript v3 中居中多边形?

    javascript - 如何防止/覆盖 Safari 中的授权 header ?

    css - Safari 边框不呈现一侧

    matlab - 在MATLAB中将stringptrptr参数传递给C-DLL函数foo(char **)-清除指针会使MATLAB崩溃