我收到错误报告来这个网站上的iOS 6.1查看时,虽然我想这是自带的iOS 6.1,这比操作系统本身更相关的浏览器版本崩溃。 我不拥有任何iOS设备,所以我不知道我怎样才能重现/调查该问题。
有没有人有我可能重现上的Windows / Ubunutu这个问题有何建议? 我试图http://www.browserstack.com/但他们提供的最新版本的iOS是6.0。
在万一任何人有一个想法,为什么崩溃正在发生的事情,请让我知道。 有在主页上嵌入YouTube视频和我听说闪存和iOS是不安同床异梦,所以我不知道如果这可能是原因?
更新
我能够重现该问题,并从控制台记录此信息:
年02月14 12点45分54秒亚伦-Bragers-iPhone MobileSafari [45279]:CGAffineTransformInvert:奇异矩阵。 年02月14 12点45分56秒亚伦-Bragers-iPhone MobileSafari [45279]:CGAffineTransformInvert:奇异矩阵。 年02月14 12点45分56秒亚伦-Bragers-iPhone MobileSafari [45279]:CGAffineTransformInvert:奇异矩阵。 2月14日12时45分57秒亚伦-Bragers-iPhone MobileSafari [45279]:CGAffineTransformInvert:奇异矩阵。 2月14日12点45分59秒阿隆 - Bragers-iPhone ReportCrash [46048]:不保存日志杰特萨姆因为从内核中没有数据。 年02月14 12点45分59秒亚伦-Bragers-iPhone UserEventAgent [13]:杰特萨姆:内核终止快照被创建年02月14 12点45分59秒亚伦-Bragers-iPhone MobileSafari [45279]:CGAffineTransformInvert:奇异矩阵。 年02月14 12点46分04秒亚伦-Bragers-iPhone MobileSafari [45279]:CGAffineTransformInvert:奇异矩阵。 年02月14 12点46分04秒亚伦-Bragers-iPhone MobileSafari [45279]:CGAffineTransformInvert:奇异矩阵。 年02月14 12点46分05秒亚伦-Bragers-iPhone MobileSafari [45279]:CGAffineTransformInvert:奇异矩阵。 年02月14 12点46分06秒亚伦-Bragers-iPhone MobileSafari [45279]:CGAffineTransformInvert:奇异矩阵。
...其次是大量的内存警告。
您的网站是造成内存泄漏,所以iOS版Safari浏览器关闭下来。 看起来你必须按照这些指示进行调试。
视窗
没有什么可以做,试图重现它在Windows中。 唯一的选择是下载的Safari 5的Windows ,这可能会产生类似的错误。
然而,这并不使用的WebKit的相同的构建为移动Safari浏览器(Safari浏览器的Windows是老得多),所以你可能会需要借用一个朋友的Mac和跟着:
苹果电脑
1.测试您的网站在iPhone模拟器
获取的Xcode
如果你不已经拥有了它, 从Mac App Store下载Xcode的 。
做一个空白项目
文件 - >新建项目。 选择Single View应用程序(或任何其他iOS应用程序,也没关系)。 按下一步。 挑选任何项目名称(无所谓)。 按next,然后指定某个位置,然后按创建。
运行项目
按PLAY键的左上角,或者按下Command-R,或从产品菜单中选择运行。
该应用程序应该在模拟器启动。
切换到Safari浏览器
按HOME键(或命令移-H)。 然后点击Safari浏览器,然后导航到你的网站。
2.登录输出。
打开终端,并运行tail -f /var/log/system.log | egrep 'MobileSafari'
tail -f /var/log/system.log | egrep 'MobileSafari'
。 这将显示所有的移动Safari浏览器的日志。 (您可以删除egrep
看到所有的日志,以防撞车Safari浏览器之外。)
2.重现问题
我无法完成iOS或Safari崩溃您的网站,但你需要这样做来调试问题。
3.检查仿真器的控制台日志的详细信息
切换回终端和查看有关什么可能导致崩溃信息的日志。
我能够重现我的iPhone 3GS的iOS 6.1它立即崩溃与网页上没有任何动作的问题。 有一个关于Web检查没有错误。 当使用iPhone模拟器,它不会崩溃,但它表明MobileSafari[11079]: CGAffineTransformInvert: singular matrix.
在设备日志。
如果我滚动页面,而不与没有的元素,错误的交互singular matrix
在控制台上的重复,即使我通过像素滚动1。
剖析了很多次,在iOS模拟器我没有看到任何JavaScript内存泄漏。 所以我猜想,这是渲染相关。
所以我删除了样式表http://festivals.ie/static/mNga2i69LFf9ezK2IBanFA9rPb7jjsGzC6PNOP5MjO1.css
检查,基质错误停止。 所以,这证实了我的关注。
接下来,我们需要能够分离出来,是什么原因造成这一点。
我异型页面,滚动页面,等待singular matrix
的错误,并停止剖析。 这是我得到了什么:
的320由75像素A重绘面积,即我猜想是顶部集流管。
因此,我除去<div class="navbar navbar-fixed-top top-nav">
使用web检查,并没有更多singular matrix
的错误。
我试图启用和禁用每个匹配到div,已作出的任何区别是唯一一个风格position: fixed
,但它可能是一些固定的DIV中相互矛盾的。
我想每一个元素里面, 我发现,除去刚<button>
固定的问题。
现在我认为,你可以跟踪那是什么按钮的问题。
这是关系到按钮的CSS:
media="screen, projection"
mNga2i69LFf9ezK2IBanFA9rPb7jjsGzC6PNOP5MjO1.css:175
label, input, button, select, textarea {
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
festivals.ie
media="screen, projection"
mNga2i69LFf9ezK2IBanFA9rPb7jjsGzC6PNOP5MjO1.css:21
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
festivals.ie
media="screen, projection"
mNga2i69LFf9ezK2IBanFA9rPb7jjsGzC6PNOP5MjO1.css:19
button, input {
line-height: normal;
}
festivals.ie
media="screen, projection"
mNga2i69LFf9ezK2IBanFA9rPb7jjsGzC6PNOP5MjO1.css:18
button, input, select, textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}
festivals.ie
media="screen, projection"
mNga2i69LFf9ezK2IBanFA9rPb7jjsGzC6PNOP5MjO1.css:859
* {
margin: 0;
}
festivals.ie
media="screen, projection"
mNga2i69LFf9ezK2IBanFA9rPb7jjsGzC6PNOP5MjO1.css:798
::selection {
background: #4e87e1;
color: #ffffff;
}
Base Style Rules
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
-webkit-box-align: center;
text-align: center;
cursor: default;
color: buttontext;
padding: 0px 1em;
border: 1px solid rgb(76, 76, 76);
border-image: initial;
background-color: rgba(255, 255, 255, 0.0078125);
font: 11px Helvetica;
box-sizing: border-box;
}
input, textarea, keygen, select, button, isindex {
margin: 0em;
color: initial;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: -webkit-auto;
}
button {
-webkit-appearance: button;
}
我希望这是有用的,因为我花了很长的时间,直到这里。
- 你需要检查这个iOS设备上。
- 的iOS不支持Flash
我认为它不会安装在Windows或其他平台的Safari发生。 我认为这是与iOS的一个具体问题。
注意:
我在你的网站得到了崩溃。 当我用了你的网站,并点击了前进,后退箭头5〜6倍。 当我是不言而喻的图像点击到一个页面festivals.ie/festival/map类似的东西和后坠毁。
编辑:
在测试了安装在我的MAC野生动物园一样。 没有坠毁在上述情况下发现的。 所以,我认为这是一个特定的iOS崩溃。 (我认为与记忆或类似的东西)。
您需要注册或者成为苹果开发者使用模拟器,并使用Web检查调试。
你可以尝试更多信息下面的链接。
http://webdesign.tutsplus.com/tutorials/workflow-tutorials/quick-tip-using-web-inspector-to-debug-mobile-safari/
这个问题是由下面的注释的CSS属性所致
html {
background: url(../images/responsive/bg.svg) no-repeat center center fixed;
/*
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
*/
outline: 0!important;
}
删除这些属性后,问题不再出现