Crash 我的网站持续崩溃Safari（桌面和iOS）

我的网站经常崩溃Safari。我第一次注意到崩溃是在昨晚，当时我在一家Verizon商店，我试图在iPad上对该网站进行浏览器测试。因此，我在同一家商店又试用了两台iPad，每次我尝试登录该域名时，该网站都会在所有3台设备上崩溃iOS Safari

确切的工作流程是：

开放式狩猎

进入

就这样。一旦你点击go，网站就会崩溃

桌面Safari上也会发生这种情况（仅在OSX 10.8.3上的6.0.3中进行了测试），每次都会生成错误报告。以下是生成的一个错误报告的副本：

该网站没有抛出任何JS错误，并且在我测试过的其他现代浏览器上运行良好，包括Chrome、Firefox，甚至IE9（足够令人震惊）

但奇怪的是，它似乎只会使iOS Safari在iPad上崩溃，而不是在iPhone上崩溃，因为我每次都能在iPhone上成功加载该网站

究竟是什么导致了这一点，我该如何调试它

更新：我尝试对主样式表进行注释，没有该样式表，该站点不再崩溃Safari。我尝试了常规样式表和缩小样式表，但都使浏览器崩溃

---

更新2:我通过注释掉JS并保留CSS，将其缩小到CSS，但它仍然崩溃了。然后我尝试删除所有的转换属性，它不再崩溃。因此，显然是转换属性导致了崩溃。

您的网站似乎没有使Windows 7上的Safari 5.1崩溃。要调试导致问题的原因，首先关闭CSS，然后逐个禁用JS文件，直到网站停止崩溃。一旦你弄清楚它是哪一个CSS文件或JS文件，然后贴一个链接到该文件，我会看看我是否能帮上忙

因此，我能够根据亚当·摩尔的建议将问题缩小到CSS，然后根据乔纳森·桑普森的评论将问题缩小到

转换

属性声明

我用

transition

删除了所有行，站点不再崩溃

然后我查看了这些值，并尝试统一持续时间值，看看这是否有帮助，因为我在不同的属性上设置了几个不同的持续时间值，包括一个属性上的

.5s

，另一个属性上的

.3s

，还有几个属性上的

.25s

。但是统一他们并没有影响任何事情——仍然失败了

---

最后，我尝试将

transition属性

从

all

更改为

color

，因为

color

是我唯一真正要更改的内容，不再发生崩溃！显然这就是解决办法。似乎Safari在尝试转换所有属性时遇到了瓶颈。

我在Safari中遇到了同样的问题，并尝试了这里提到的所有内容。我还检查了css验证程序中的css，并修复了一些问题

---

但我的崩溃触发因素是用百分比值填充。我转换了填充物的%-值，一切都很好。

-webkit转换样式：preserve-3d！重要的

由于错误，导致Safari不断重新加载。移除了它，它就工作了

Safari-版本8.0.8（10600.8.9）

---

OSX EL Captain

Wow-实际上我只禁用了样式表，站点现在已成功加载。CSS不应该使整个浏览器崩溃@根据我的经验，它可以，而且已经。特别是像过渡这样的事情；它们可能会导致一些严重的内存问题。我通过注释掉JS并保留CSS，将其缩小到CSS，但它仍然崩溃了。然后我尝试删除所有的转换属性，它不再崩溃。很明显是转换属性导致了崩溃。很高兴听到你找到了罪魁祸首！CSS3仍在进行中，因此某些浏览器在某些规则方面会出现问题。请将此作为错误提交给苹果。Safari真的不应该因为一些CSS而崩溃！我会试试这个，最后我找到了一个提示，为什么我的页面在每一次safari浏览器中都会崩溃。我用iOS 7 safari在iPad上复制了CSS转换的崩溃。我查看了日志（设置->常规->关于->诊断和使用），这是一个内存不足的问题。令人惊讶的是，这在2017年仍在发生。我的整个网站在iOS上的Safari和Chrome中被彻底摧毁。（我认为它们共享同一个浏览器引擎）。它是完全不可用的，大部分是空白的，但有时会在屏幕上随机闪烁。我好像把手机掉在游泳池里了。我将尝试查找“transition property:all”，并查看是否可以通过删除它们来修复它。我可以确认

transition:all

仍然会在Safari 11.0.2（参考）中导致问题。它不会崩溃，但它可以打破flexbox布局（疯狂）！IE8是最后一款有点问题的MS浏览器。IE只会忽略转换。一些“现代”浏览器会实现转换和崩溃。我在Chrome上看到了一些丑陋的东西，Safari似乎变得越来越糟糕，而IE却越来越好（你试过IE11吗？），所以IE真的不值得像过去那样被指责。另一方面，狩猎。。。