我的网站http://remotejobs.io一直崩溃Safari。我第一次注意到昨晚我在Verizon商店时的崩溃,我尝试在iPad上浏览器测试该网站。所以我在同一家商店再试了两台iPad,这个网站在所有3个设备上都崩溃了iOS Safari,每次我试图点击域名。
确切的工作流程是:
就是这样。一旦你点击,网站就会崩溃。
这也发生在桌面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,但仍然崩溃了。然后我尝试删除所有过渡属性,它不再崩溃。显然,过渡属性导致了崩溃。
答案 0 :(得分:8)
所以我能够通过Adam Moore的建议将问题缩小到CSS,然后使用Jonathan Sampson的评论将问题缩小到transition
属性声明。
我删除了transition
的所有行,并且网站不再崩溃。
然后我查看了这些值,并尝试统一持续时间值,看看是否会有所帮助,因为我在不同的属性中设置了几个不同的持续时间值,包括.5s
在一个.3s
上另一个,还有.25s
还有一些。但统一他们并没有影响任何事情 - 仍然崩溃。
最后,我尝试将transition-property
从all
更改为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船长