网站在iOS的Safari上崩溃

Question

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

如何重现错误：

使用 iPhone 6
1. (或 iPhone 6 Plus(打开网站：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

Answer 1

我花了一整天的时间弄清楚一个类似的问题。我的网站在iPad 3和iPhone 5上加载时崩溃。我最终将其缩小到CSS属性：

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

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

Answer 2

我们逐行测试了 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%。

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