このウェブサイトを iOS 6.1 で表示するとクラッシュするというバグ レポートを受け取りましたが、OS 自体よりも関連性が高いのは iOS 6.1 に付属するブラウザーのバージョンだと思います。私は iOS デバイスを所有していないため、問題を再現または調査する方法がわかりません。
Windows/Ubunutuでこの問題を再現する方法について誰か提案がありますか? http://www.browserstack.com/を試してみましたが、提供されている最新バージョンは iOS 6.0 です。
万一、クラッシュの原因がわかる方がいらっしゃいましたら、お知らせください。ホームページにYouTubeの動画が埋め込まれていて、FlashとiOSは相性が悪いと聞いたので、これが原因なのかな？
問題を再現し、コンソールログから次の情報を取得できました。
2月14日12:45:54Aaron-Bragers-iPhoneMobileSafari [45279]：CGAffineTransformInvert：特異行列。2月14日12:45:56Aaron-Bragers-iPhoneMobileSafari [45279]：CGAffineTransformInvert：特異行列。2月14日12:45:56Aaron-Bragers-iPhoneMobileSafari [45279]：CGAffineTransformInvert：特異行列。2月14日12:45:57Aaron-Bragers-iPhoneMobileSafari [45279]：CGAffineTransformInvert：特異行列。2月14日12:45:59Aaron-Bragers-iPhoneReportCrash [46048]：カーネルからのデータがないため、Jetsamログを保存しません。2月14日12:45:59Aaron-Bragers-iPhoneUserEventAgent [13]：jetsam：作成中のカーネル終了スナップショット2月14日12:45:59 Aaron-Bragers-iPhone MobileSafari [45279]：CGAffineTransformInvert：特異行列。2月14日12:46:04Aaron-Bragers-iPhoneMobileSafari [45279]：CGAffineTransformInvert：特異行列。2月14日12:46：04 Aaron-Bragers-iPhone MobileSafari [45279]：CGAffineTransformInvert：特異行列。2月14日12:46:05Aaron-Bragers-iPhoneMobileSafari [45279]：CGAffineTransformInvert：特異行列。2月14日12:46:06Aaron-Bragers-iPhoneMobileSafari [45279]：CGAffineTransformInvert：特異行列。
...その後にたくさんのメモリ警告が続きます。
あなたのウェブサイトがメモリリークを引き起こしているので、iOSはSafariをシャットダウンしています。デバッグするには、これらの手順に従う必要があるようです。
Windowsで再現するためにできることはあまりありません。唯一のオプションは、Safari 5 for Windowsをダウンロードすることです。これにより、同様のエラーが発生する可能性があります。
ただし、これはMobile Safariと同じビルドのWebKitを使用しないため（Safari for Windowsははるかに古い）、おそらく友人のMacを借りて、それに従う必要があります。
Xcodeを入手する
まだお持ちでない場合は、MacAppStoreからXcodeをダウンロードしてください。
空白のプロジェクトを作成する
ファイル->新しいプロジェクト。シングルビューアプリケーションを選択します（または他のiOSアプリケーション、それは問題ではありません）。[次へ]を押します。プロジェクト名を選択してください（関係ありません）。[次へ]を押し、次に場所を指定して、[作成]を押します。
プロジェクトを実行する
左上隅の再生ボタンを押すか、Command-Rを押すか、[製品]メニューから[実行]を選択します。
アプリはシミュレーターで起動するはずです。
Safariに切り替えます
ホームボタン（またはcommand-shift-H）を押します。次に、[Safari]をタップして、Webサイトに移動します。
ターミナルを開き、を実行しますtail -f /var/log/system.log | egrep 'MobileSafari'。これにより、MobileSafariのすべてのログが表示されます。（クラッシュがSafariの外部にある場合は、を削除してすべてのegrepログを表示できます。）
あなたのサイトでiOSまたはSafariをクラッシュさせることができませんでしたが、問題をデバッグするためにクラッシュさせる必要があります。
ターミナルに戻り、ログを確認して、クラッシュの原因となった可能性のある情報を確認します。
私は自分の iPhone 3GS iOS 6.1 で問題を再現することができました。この問題は、ページで何も操作しなくてもすぐにクラッシュします。Web Inspector にエラーはありません。iOS シミュレーターを使用すると、クラッシュしませんがMobileSafari[11079]: CGAffineTransformInvert: singular matrix.、デバイス ログに表示されます。
どの要素とも対話せずにページをスクロールすると、singular matrix1 ピクセルずつスクロールしても、コンソールでエラーが繰り返されます。
プロファイリングを何度も行っていますが、iOS シミュレーターでは JavaScript のメモリ リークは見られません。したがって、これはレンダリングに関連していると思います。
そこで、チェックするスタイルシートを削除したhttp://festivals.ie/static/mNga2i69LFf9ezK2IBanFA9rPb7jjsGzC6PNOP5MjO1.cssところ、マトリックス エラーが停止しました。それで、それは私の懸念を確認します。
次に、これを引き起こしている原因を分離できるようにする必要があります。
ページをプロファイリングし、ページをスクロールし、singular matrixエラーが発生するのを待って、プロファイリングを停止しました。これは私が得たものです：
私が推測する 320 x 75 ピクセルの再描画領域が一番上のヘッダーです。
<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;
}
ここまで時間がかかったので、これがお役に立てば幸いです。
Windowsや他のプラットフォームにインストールされているサファリでは起こらないと思います。iOSに関連する特定の問題だと思います。
ノート：
あなたのサイトでクラッシュしました。私があなたのサイトを使用して、前後の矢印を5〜6回クリックしたとき。そして、画像をクリックすると、festivals.ie / Festival / mapのようなページに移動し、クラッシュしました。
編集：
私のMacにインストールされているサファリで同じことをテストしました。上記の場合、クラッシュは見つかりませんでした。だから私はそれがiOS特有のクラッシュだと思います。（私は記憶かそのようなものに関連していると思います）。
シミュレーターを使用するには Apple Developer として登録し、デバッグするには Web インスペクターを使用する必要があります。
詳細については、次のリンクを試すことができます。
この問題は、以下のコメントアウトされた 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;
}
これらのプロパティを削除すると、問題は発生しなくなりました