2013-04-13 19 views
6

我的网站http://remotejobs.io一致崩溃Safari。我第一次注意到昨天晚上我在Verizon商店时发生的崩溃,并且我尝试在iPad上通过浏览器测试该网站。所以我在同一家商店尝试了两款iPad,并且该网站在所有3款设备上都出现了iOS Safari崩溃,每次我尝试击中域名时都会崩溃。我的网站崩溃Safari(包括桌面和iOS)一致

确切的工作流程是:

  1. 打开Safari
  2. 输入http://remotejobs.io

就是这样。一旦你打开网站就会崩溃。

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

站点未抛出任何JS错误,并且在我测试过的其他现代浏览器,包括Chrome,Firefox的正常工作,甚至IE9(惊人足够 )。

但是,一件奇怪的事情是,它似乎只是在iPad上而不是iPhone上使iOS Safari崩溃,因为我可以每次在iPhone上成功加载该网站。

究竟是什么原因导致了这种情况,我该如何进行调试?

更新:我试着评论了主样式表,并且该网站不再在没有该样式表的情况下崩溃Safari。我尝试了一个常规样式表和一个缩小的样式表,并且都使浏览器崩溃。

更新2:我把范围缩小到CSS注释掉JS和CSS离开,仍然坠毁。然后我尝试删除所有的转换属性,并且不再崩溃。显然,过渡属性导致了崩溃。

+0

IE8是最后MS浏览器是稍微有问题的。 IE只会忽略转换。一些“现代”浏览器会实现转换和崩溃尝试。我在Chrome中看到了一些丑陋的东西,而Safari似乎越来越糟糕,而IE越来越好(你有没有试过IE11?) - 所以IE真的不值得被指向像过去一样过去。另一方面,Safari ... – Rolf

回答

5

您的网站似乎并未在Windows 7上崩溃Safari 5.1。要调试导致问题的原因,请先关闭CSS,然后逐个禁用JS文件,直到网站停止崩溃。一旦你找出了它是哪个CSS文件或JS文件,然后发布一个链接到文件,我会看看我是否可以帮忙!

+1

哇 - 实际上我禁用了样式表,并且网站现在加载成功。 CSS应该不会崩溃整个浏览器?!? –

+1

@JoelGlovier它可以,并且以我的经验。特别是像过渡一样;他们可能会导致一些讨厌的记忆问题。 – Sampson

+1

我通过评论JS并将CSS放入CSS来缩小到CSS范围,但它仍然崩溃。然后我尝试删除所有的转换属性,并且不再崩溃。显然,过渡属性导致了崩溃。 –

8

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

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

于是我看了看价值,并试图统一时间值,看看是否会有所帮助,因为我是在不同的属性设置几个不同的时间值,包括.5s一个,.3s另一个,和.25s还有更多。但统一他们并没有影响任何东西 - 仍然坠毁。

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

+7

请将此文件作为Apple的错误提交。由于某些CSS,Safari真的不应该崩溃! – Nate

+0

我会试试这个,最后我发现一个提示,为什么我的页面在每个Safari浏览器崩溃 – olanod

+0

我使用iOS 7 Safari在iPad上重现了CSS转换的崩溃。 我检查了日志(设置 - >常规 - >关于 - >诊断和使用),这是一个内存不足的问题。 –

1

我偶然发现了Safari中的相同问题,并尝试了这里提到的一切。我还检查了CSS验证器中的CSS并修复了一些问题。

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

0

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

由于错误导致Safari不断重新加载。删除了它,它的工作。 :)。

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