Ответ 1

Проблема была вызвана прокомментированными 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;
}

После удаления этих свойств проблема больше не возникает

Ответ 2

Update

Я смог воспроизвести проблему и получить эту информацию из журналов консоли:

14 февраля 12:45:54 Аарон-Брагерс-iPhone MobileSafari [45279]: CGAffineTransformInvert: сингулярная матрица. 14 февраля 12:45:56 Aaron-Bragers-iPhone MobileSafari [45279]: CGAffineTransformInvert: сингулярная матрица. 14 февраля 12:45:56 Aaron-Bragers-iPhone MobileSafari [45279]: CGAffineTransformInvert: сингулярная матрица. 14 февраля 12:45:57 Aaron-Bragers-iPhone MobileSafari [45279]: CGAffineTransformInvert: сингулярная матрица. 14 февраля 12:45:59 Aaron-Bragers-iPhone ReportCrash [46048]: не спасает Jetsam log, потому что нет данных из ядра. 14 февраля 12:45:59 Aaron-Bragers-iPhone UserEventAgent [13]: jetsam: kernel завершение моментального снимка 14 февраля 12:45:59 Aaron-Bragers-iPhone MobileSafari [45279]: CGAffineTransformInvert: сингулярная матрица. 14 февраля 12:46:04 Aaron-Bragers-iPhone MobileSafari [45279]: CGAffineTransformInvert: сингулярная матрица. 14 февраля 12:46:04 Aaron-Bragers-iPhone MobileSafari [45279]: CGAffineTransformInvert: сингулярная матрица. 14 февраля 12:46:05 Aaron-Bragers-iPhone MobileSafari [45279]: CGAffineTransformInvert: сингулярная матрица. 14 февраля 12:46:06 Aaron-Bragers-iPhone MobileSafari [45279]: CGAffineTransformInvert: сингулярная матрица.

... с последующим большим количеством предупреждений памяти.

Ваш сайт вызывает утечку памяти, поэтому iOS отключает Safari. Похоже, вам нужно следовать этим инструкциям, чтобы отладить его.

Окна

Существует не так много, чтобы попытаться воспроизвести его в Windows. Единственный вариант - загрузить Safari 5 для Windows, что может привести к подобным ошибкам.

Однако это не использует ту же сборку WebKit, что и Mobile Safari (Safari для Windows намного старше), поэтому вам, вероятно, придется заимствовать друга Mac и следовать за ним:

Mac

1. Проверьте свой сайт в iOS Simulator

Получить Xcode

Если у вас его еще нет, загрузите Xcode из Mac App Store.

Сделать пустой проект

Файл → Новый проект. Выберите приложение Single View (или любое другое приложение iOS, это не имеет значения). Нажмите "Далее. Выберите любое название проекта (не имеет значения). Нажмите затем, затем укажите некоторое местоположение и нажмите" Создать".

Запустить проект

Нажмите кнопку воспроизведения в верхнем левом углу или нажмите Command-R или выберите "Выполнить" в меню "Продукт".

Приложение должно запускаться в симуляторе.

Переключиться на Safari

Нажмите кнопку "домой" (или сменой команд-H). Затем нажмите Safari и перейдите на свой веб-сайт.

2. Выход журнала.

Откройте терминал и запустите tail -f /var/log/system.log | egrep 'MobileSafari'. Это покажет вам все журналы Mobile Safari. (Вы можете удалить egrep, чтобы просмотреть все журналы, в случае сбоя вне Safari.)

2. Воспроизводите проблему

Мне не удалось сделать сбой iOS или Safari на вашем сайте, но вам нужно будет сделать это, чтобы отладить проблему.

3. Подробнее просмотрите журналы консоли симулятора

Вернитесь на терминал и просмотрите журналы для получения информации о том, что могло привести к сбою.

Ответ 3

Я смог воспроизвести проблему на моем iPhone 3GS iOS 6.1, она мгновенно сработала без каких-либо действий на странице. Там нет ошибки в веб-инспекторе. При использовании iOS Simulator он не сбой, но он показывает MobileSafari[11079]: CGAffineTransformInvert: singular matrix. в журнале устройства.

Если я прокручиваю страницу без взаимодействия с ни одним из элементов, ошибка singular matrix повторяется на консоли, даже если я прокручиваю 1 на пиксель.

Профилирование много раз, на iOS Simulator. Я не вижу утечки памяти в JavaScript. Поэтому я бы предположил, что это связано с рендерингом.

Итак, я удалил таблицу стилей http://festivals.ie/static/mNga2i69LFf9ezK2IBanFA9rPb7jjsGzC6PNOP5MjO1.css, чтобы проверить, и ошибки матрицы остановились. Поэтому подтвердите свою озабоченность.

Далее нам нужно уметь отделять, что вызывает это.

Я профилировал страницу и прокрутил страницу, дождался ошибки singular matrix и остановил профилирование. Это то, что я получил:

Область перерисовки размером 320 на 75 пикселей, что, я думаю, является верхним заголовком.

Итак, я удалил <div class="navbar navbar-fixed-top top-nav"> с помощью веб-инспектора и не более ошибок 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;
}

Я надеюсь, что это было полезно, потому что мне понадобилось много времени, пока здесь.

Ответ 4

• Вам нужно проверить это на устройстве iOS.
• iOS не поддерживает flash

Я думаю, что это не произойдет в сафари, установленном на Windows или других платформах. Я думаю, что это конкретная проблема, связанная с iOS.

Примечание:

Я получил крах на вашем сайте. Когда я использовал ваш сайт и нажал вперед, назад стрелки 5-6 раз. И после того, как я щелкнул изображение, он перешел на страницу festivals.ie/festival/map что-то подобное и разбился.

EDIT:

Протестировано на сафари, установленном на моем mac. В приведенном выше случае не обнаружен сбой. Поэтому я считаю, что это катастрофа iOS. (Я думаю, что связано с памятью или что-то в этом роде).

Ответ 5

Вам нужно либо зарегистрироваться в качестве разработчика Apple, чтобы использовать симулятор, и использовать веб-инспектор для отладки.

Вы можете попробовать следующую ссылку для получения дополнительной информации.

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