Сайт javascript не работает на iphone (сафари)

Question

У меня нет определенного блока кода для публикации здесь, мой сайт включает в себя довольно много javascript / jquery, который отлично работает на Android и современных настольных браузерах (включая Safari).Однако, когда я смотрю на сайт через iphone, ни один из javascript не работает.

Сайт www.alexchapman.co.uk, я проверил, что js включен на iphone, и я не получаю никакой ошибкисообщения на телефон.Сайт работает немного медленно, поэтому я подключаюсь к сайту на iphone через соединение Wi-Fi.

Мой вопрос: с чего мне начать, чтобы разобраться в этом?У меня нет доступа к Mac.Могу ли я запустить на iphone что-то похожее на firbug или инструменты dev, чтобы попытаться увидеть, что здесь происходит?Я попробовал Electronic Mobile Simulator, но это показывает, что сайт работает нормально (хотя я понимаю, что это не правильная эмуляция iphone)

У кого-нибудь была похожая проблема?

Answer 1

Возможно, вы захотите включить консоль отладки . Я отмечаю, что последняя ошибка, обнаруженная на вашей странице: «JavaScript: ошибка: не определена. Превышено время ожидания выполнения JavaScript».

Answer 2

Есть несколько обходных путей для тестирования iPhone.Попробуйте один из этих советов .Вы можете арендовать Mac , использовать виртуальную машину , создать hackintosh или использовать инструмент разработчика , у которого есть ресурсы для тестирования.1011 *

Однако просто увидеть сайт на iPhone недостаточно для решения проблемы.Если вам нужно отладить, есть способ сделать это через Chrome Dev Tools.Взгляните на этот учебник .

Эти ресурсы могут помочь вам найти решение.

Answer 3

Отключить блокировку всплывающих окон, если она включена в настройках сафари.

Answer 4

Я только что посмотрел ваш сайт в webkit, и он жалуется на ваш метатег viewport . Вместо разделения параметров содержимого окна просмотра точкой с запятой используйте запятые. Как это:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />

Answer 5

Этот веб-сайт не предназначен для просмотра на мобильном устройстве.Я бы порекомендовал иметь отдельный, гораздо более простой веб-сайт, специально разработанный для мобильного просмотра.Таким образом, вы можете настроить свой HTML / Javascipt с учетом размера экрана, чувствительности к касанию и производительности.Вы можете использовать один и тот же URL-адрес и перенаправлять на соответствующий веб-сайт в зависимости от типа браузера (мобильный или не мобильный).Если вы решите пойти по этому пути, я бы порекомендовал изучить библиотеки Javascript, такие как JQuery Mobile.