网站在 iOS 中在 Safari 上崩溃

Website is crashing on Safari in iOS

我们在客户的网站上遇到了一个复杂的问题。该网站在 iOS 9.3.2 和 iPhone 6 Plus 上崩溃。但是,它不会在最新版本的 iOS 上崩溃,甚至不会在 iPhone 6 和 iOS 9.3.1.

上崩溃

如何重现错误:

  1. 用iPhone6(或iPhone6Plus)打开网站: http://www.kindervorhang.ch/Vorhaenge-fixfertig-Verdunkler-Ellie
  2. 点击 «In den Warenkorb» 将产​​品添加到购物车
  3. 现在,如果您滚动网站或更改方向,它就会崩溃
  4. 现在,如果您触摸某些东西或稍微滚动一下,它会再次崩溃,直到您看到全屏错误描述

有没有人有类似的问题或现在如何解决?

我在 Xcode 中收到此错误代码:

May 10 12:43:56 ASs-iPhone diagnosticd[88] <Error>: unable to find offset 0x804cf98c in shared cache for arch 'arm64'
May 10 12:43:56 ASs-iPhone ReportCrash[703] <Notice>: platform_task_update_threads failed 1
May 10 12:43:56 ASs-iPhone ReportCrash[703] <Notice>: Formulating report for process[699] com.apple.WebKit.WebContent
May 10 12:43:56 ASs-iPhone assertiond[67] <Error>: assertion failed: 13F69: assertiond + 72572 [0B862A7D-6E8B-3778-AD17-C7694ECD5BCD]: 0x3
May 10 12:43:56 ASs-iPhone Unknown[67] <Error>: 
May 10 12:43:56 ASs-iPhone assertiond[67] <Error>: assertion failed: 13F69: assertiond + 72572 [0B862A7D-6E8B-3778-AD17-C7694ECD5BCD]: 0x3
May 10 12:43:56 ASs-iPhone Unknown[67] <Error>: 
May 10 12:43:56 ASs-iPhone UserEventAgent[26] <Notice>: jetsam: kernel termination snapshot being created
May 10 12:43:56 ASs-iPhone ReportCrash[703] <Warning>: report not saved because it is non-actionable
May 10 12:43:56 ASs-iPhone com.apple.xpc.launchd[1] <Error>: assertion failed: 13F69: launchd + 116796 [9F6284CF-8A17-36CC-9DB5-85D510A21F14]: 0x3
May 10 12:43:56 ASs-iPhone ReportCrash[704] <Warning>: Report of type '298(298)' not saved because the limit of 25 logs has been reached

我们逐行测试了 css 行,发现如果我们注释掉以下行,一切正常:

div.set-65131>.colInside {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%
}

div.set-53541 {
  height: 100%;
  width: 100%;
  position: absolute
}


div.set-53541>.colInside {
  background-image: none;
  background-color: rgba(255, 255, 255, 0)
}

div.set-53541>.colInside {
  height: 100%;
  max-width: 1240px;
  left: 0!important;
  right: 0!important;
  margin-left: auto!important;
  margin-right: auto!important;
  position: fixed
}

现在它适用于所有不同的设备。问题可能是位置固定在组合宽度高度 100%。

我们找到了一个不同的解决方案来应用我们的背景图片。

我刚刚花了一整天的时间来解决类似的问题。我的网站在 iPad 3 和 iPhone 5 加载时崩溃。我最终将范围缩小到 CSS 属性:

#cv-section-header   {
    overflow-x: hidden;
}

很难相信 CSS 属性 会导致网站在较旧的 iOS 上崩溃,但事实就是如此。