我的网站一直在崩溃Safari(桌面和iOS)

时间:2013-04-13 12:27:10

标签: crash mobile-safari safari

我的网站http://remotejobs.io一直崩溃Safari。我第一次注意到昨晚我在Verizon商店时的崩溃,我尝试在iPad上浏览器测试该网站。所以我在同一家商店再试了两台iPad,这个网站在所有3个设备上都崩溃了iOS Safari,每次我试图点击域名。

确切的工作流程是:

  1. 打开Safari
  2. 输入http://remotejobs.io
  3. 就是这样。一旦你点击,网站就会崩溃。

    这也发生在桌面Safari上(仅在OSX 10.8.3上的6.0.3中测试),并且每次都会生成错误报告。以下是生成的错误报告之一的副本:http://go.jag.is/OGcS

    该网站没有抛出任何JS错误,并且在我测试的其他现代浏览器上运行良好,包括Chrome,Firefox甚至IE9(令人震惊的)。

    但奇怪的是,它似乎只会让iPad上的iOS Safari崩溃,而不是iPhone,因为我每次都可以在iPhone上成功加载网站。

    究竟是什么导致这种情况,我该如何调试呢?

    更新: 我尝试将主样式表注释掉,并且该网站不再使用该样式表而导致Safari崩溃。我尝试了常规样式表和缩小的样式表,并且都破坏了浏览器。

    更新2: 我通过评论JS并将CSS留在CSS中将其缩小到CSS,但仍然崩溃了。然后我尝试删除所有过渡属性,它不再崩溃。显然,过渡属性导致了崩溃。

4 个答案:

答案 0 :(得分:8)

所以我能够通过Adam Moore的建议将问题缩小到CSS,然后使用Jonathan Sampson的评论将问题缩小到transition属性声明。

我删除了transition的所有行,并且网站不再崩溃。

然后我查看了这些值,并尝试统一持续时间值,看看是否会有所帮助,因为我在不同的属性中设置了几个不同的持续时间值,包括.5s在一个.3s上另一个,还有.25s还有一些。但统一他们并没有影响任何事情 - 仍然崩溃。

最后,我尝试将transition-propertyall更改为color,因为color是我唯一真正改变的事情,而且没有更多的崩溃!显然这就是解决方案。似乎Safari在尝试转换所有属性时感到窒息。

答案 1 :(得分:5)

您的网站似乎没有在Windows 7上崩溃Safari。要继续调试导致问题的原因,首先关闭CSS,然后逐个禁用JS文件,直到网站停止崩溃。一旦你弄清楚它是哪个CSS文件或JS文件,然后发布一个文件的链接,我会看看我是否可以提供帮助!

答案 2 :(得分:1)

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

但我的崩溃触发器是填充百分比值。我从填充中转换了%-Values,所有的东西都很好。

答案 3 :(得分:0)

-webkit-transform-style:preserve-3d!important;

导致Safari因错误而不断重新加载。删除它,它工作。 :)

Safari - 版本8.0.8(10600.8.9) OSX EL船长