我怎样才能重现在iOS 6.1的网站崩溃(How can I reproduce website c

2019-08-16 18:14发布

我收到错误报告来这个网站上的iOS 6.1查看时,虽然我想这是自带的iOS 6.1,这比操作系统本身更相关的浏览器版本崩溃。 我不拥有任何iOS设备,所以我不知道我怎样才能重现/调查该问题。

有没有人有我可能重现上的Windows / Ubunutu这个问题有何建议? 我试图http://www.browserstack.com/但他们提供的最新版本的iOS是6.0。

在万一任何人有一个想法,为什么崩溃正在发生的事情,请让我知道。 有在主页上嵌入YouTube视频和我听说闪存和iOS是不安同床异梦,所以我不知道如果这可能是原因?

Answer 1:

更新

我能够重现该问题,并从控制台记录此信息:

年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.检查仿真器的控制台日志的详细信息

切换回终端和查看有关什么可能导致崩溃信息的日志。



Answer 2:

我能够重现我的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;
}

我希望这是有用的,因为我花了很长的时间,直到这里。



Answer 3:

  1. 你需要检查这个iOS设备上。
  2. 的iOS不支持Flash

我认为它不会安装在Windows或其他平台的Safari发生。 我认为这是与iOS的一个具体问题。

注意:

我在你的网站得到了崩溃。 当我用了你的网站,并点击了前进,后退箭头5〜6倍。 当我是不言而喻的图像点击到一个页面festivals.ie/festival/map类似的东西和后坠毁。

编辑:

在测试了安装在我的MAC野生动物园一样。 没有坠毁在上述情况下发现的。 所以,我认为这是一个特定的iOS崩溃。 (我认为与记忆或类似的东西)。



Answer 4:

您需要注册或者成为苹果开发者使用模拟器,并使用Web检查调试。

你可以尝试更多信息下面的链接。

http://webdesign.tutsplus.com/tutorials/workflow-tutorials/quick-tip-using-web-inspector-to-debug-mobile-safari/



Answer 5:

这个问题是由下面的注释的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;
}

删除这些属性后,问题不再出现



文章来源: How can I reproduce website crash on iOS 6.1