相关疑难解决方法(0)

我有一个问题,当页面变得太大时,在使用jQuery加载和操作DOM时,Mobile Safari会崩溃.

我在iPhone和iPad上都遇到了同样的问题.

对移动页面进行故障排除以查找错误的最佳方法是什么？是否存在可能导致Mobile Safari崩溃的已知问题？

当我尝试使用left: -webkit-calc(100% - 100px);(假设它left: 0;是初始状态)时,它在iOS 6.0.1中工作就好了.但是当我做同样的transition: left 1s linear;事情时,每次都会立即崩溃Safari.它是已知的bug还是我做错了什么？

它在Safari 5中也不起作用(没有反应).但它适用于Firefox和Chrome.

我有一个非常简单但很长的网站 - 可以滚动的很多文本.这是一个文档站点,考虑到内容的性质(许多简短的类似条目)我决定一次显示所有内容,因此用户可以从一个条目滚动到另一个条目或通过侧边栏索引导航.这是我喜欢的一个常用的文档模型(如下划线,骨干,并LoDash).

该网站在这里:http://davidtheclark.github.io/scut/.你可以在这里查看预生产代码:https://github.com/davidtheclark/scut/tree/master/docs/dev.

这就是问题所在:对于许多用户来说,这个网站一直在崩溃他们的iOS浏览器.不是所有用户(不是我); 但对于那些做体验的崩溃,它似乎一直复发.(该网站也可能会崩溃一些人的Android手机,我不知道:没有从任何Android用户那里听到过.)我希望有人可以帮助我诊断并可能解决这个问题.

我遇到的部分困难是我无法自己重现崩溃 - 不是在我自己的iOS设备上,而是在Xcode模拟器上.因为该站点完全没有资源(约70KB负载)并且涉及非常少的JavaScript,并且由于先前几次尝试修复此问题的影响,我猜测问题涉及内存使用 - iOS浏览器正在崩溃,因为该网站要求太多的内存.但我不确定这是什么问题,如果是,我不知道如何解决它.

我不确定下一步该尝试什么,我希望一些精明的StackOverflow高手有建议.这个网站看起来如此简单和基本,是什么让它变得如此简单,以至于它崩溃了浏览器？

它太长了吗？是否有难以渲染的CSS？是否有JavaScript内存泄漏？

我对这个特定的网站感兴趣,以便我可以学习在未来预测和预防和/或诊断和修复其他网站上的类似问题.

随意查看或贡献[Github问题](在此Github问题中也是如此.

附录

以下是有关网站可能相关的一些信息:

• 相对于其他网站的HTML文档,HTML文档很大.未经证实它看起来是~225KB.(我注意到LoDash文档甚至更大 - 该网站是否会使人们的手机崩溃？)
• 提供的HTML文档已缩小.
• 服务的CSS和JS也缩小了.
• 该网站使用Prism.js进行语法突出显示.
• 该网站使用Overthrow使2滚动列布局在平板电脑上工作.
• <aside id="help-content">屏幕固定并翻译; 当你点击任何实用程序的"use-name"之类的[？]时它会滑入.

iOS崩溃日志

这些在我看来是运行Chrome的iPhone崩溃并在网站上崩溃的崩溃报告的潜在相关线(我不确定它们是否真的相关或不是因为我没有开发iOS应用程序而且不知道这些报告的来龙去脉):

Free pages:                              5674
Active pages:                            117674
Inactive pages:                          55121
Speculative pages:                       3429
Throttled pages:                         0
Purgeable pages:                         0
Wired pages: …

这是我正在处理的项目(代码被复制除了名称改变等)

https://c9.io/schwigri/strange-crash/workspace/index.html

div #logo具有以下风格:

#logo {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

这会导致OS X 10.8.5上的Safari 6.0.5立即崩溃.如果我删除这些转换它不会崩溃.

我该如何解决这个问题？

我们看到了这个奇怪的错误，我在网上还找不到任何东西。只有一篇文章没有答案或解决方法： https://groups.google.com/forum/#!topic /phonegap/7pRzASZpnQc

我们使用 Angular、Underscore、Angular-route、Angular-Touch、Angular-Animate、CSS Flex 布局和 Cordova 3.1.0 构建了一个应用程序，在 Android 4.0++ 上，一切都运行得非常顺利。

当我们将 iOS 转移到 Mac 上并添加 iOS 平台时，我们在 XCode5 中进行编译，当我们通过此调用单击或尝试在 iPhone 模拟器 6.1 和 7 中滚动时，应用程序会在某些 HTML 视图（不是全部）上崩溃堆：

2013-11-12 17:22:49.193 App[7034:907] -[__NSCFSet opacity]: unrecognized selector sent to instance 0x98e8660
2013-11-12 17:22:49.194 App[7034:907] *** Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: '-[__NSCFSet opacity]: unrecognized selector sent to instance 0x98e8660'
*** First throw call stack:
(0x119012 0x1f44e7e 0x1a44bd 0x108bbc 0x10894e 0x39e458 0x3c7d7d 0x3b2574 0x3b6a97 0x61f85a 0x61e99b 0x6200df 0x622d2d 0x622cac …