gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 17:31:39 25 4
gpt4 key购买 nike

我遇到了一个问题,即加载了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/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com