Сервис для
сео - оптимизаторов

Найди ошибки на сайте
Ошибки мешают продвижению сайта
Исправь ошибки на сайте
Сайт без ошибок продвигать легче
Получи новых клиентов
Новые клиенты принесут больше прибыль

Использование Safari для тестирования веб-сайтов iPhone, iPad и iPod Touch

  1. iPad Peek
  2. Использование Apple iPhone Simulator

На прошлой неделе мы показали, как определить пользовательский агент iPhone и iPad. На этой неделе мы покажем вам, как использовать веб-браузер Apple Safari для тестирования вашего iDevice-ready веб-сайта путем имитации HTTP-запроса от Safari на iPad, iPhone и iPod Touch.

В большинстве руководств предполагается, что разработчики в настоящее время имеют iPhone для тестирования своего сайта, готового к iDevice, но мы не будем этого делать. Веб-браузер Apple Safari можно легко использовать для тестирования вашего сайта, просто изменив пользовательский агент, с которым браузер идентифицирует себя.

Вот как это работает. Когда вы используете веб-браузер, будь то настольный компьютер, ноутбук или мобильное устройство, каждый раз, когда вы заходите на веб-страницу, этот браузер отправляет текстовую строку, которая позволяет веб-серверу точно определить, какой браузер используется для запроса стр. Строка содержит идентифицирующие символы, которые также сообщают, находится ли браузер на iPhone, iPad или iPod Touch. Safari позволяет разработчикам изменять строку, которую отправляет браузер, обманывая веб-сервер, отправляя страницу обратно так, как она была разработана для отображения на устройстве, как указано разработчиком. Затем Safari показывает, как будет выглядеть эта страница, если вы просматриваете ее на реальном iDevice. Достаточно просто!

Давайте начнем! Если он еще не установлен, скачать и установите веб-браузер Safari.

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

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

Дополнительно - последний значок справа во всплывающем окне. Включите «Показать меню разработки в строке меню», установив флажок и закрыв окно (как ни странно, нет кнопки «ОК» или «Закрыть» - вам придется закрыть ее, нажав на X в правом верхнем углу окна). ,

,

Теперь, щелкнув маленький значок «страница» рядом со значком звездочки, выберите « Разработка», «Пользовательский агент», iPhone (или iPad или iPod Touch) в этом меню. Предыдущие версии Safari требовали, чтобы вы добавляли код для каждого iDevice самостоятельно, но начиная с версии 5.0 они доступны как включенная опция.

0 они доступны как включенная опция

Когда вы нажмете ОК, страница перезагрузится и покажет вам, как выглядит ваша страница в iPad. Ну, еще не совсем. Он по-прежнему будет отображать все плагины, которые используются на странице. Очевидно, нам нужно отключить Flash, который включен по умолчанию, и Java, который также включен по умолчанию. Перейдите в область настроек безопасности Safari так же, как и в область расширенных настроек. Отключите плагины и Java, установив флажки и закрыв окно.

Отключите плагины и Java, установив флажки и закрыв окно

Теперь вы готовы к тестированию - страница появится в браузере Safari точно так же, как на iPad, iPhone или iPod Touch (в зависимости от того, который вы выбрали на шаге выше).

iPad Peek

Другой вариант - использовать Павла Руснака iPad Peek веб-сервис. Это полезно, однако в моих собственных тестах некоторые страницы, которые выглядят нормально на эмуляторе Rusnak, не выглядят одинаково на реальном iPad, если вы не используете Safari для просмотра самого эмулятора. Фактически, для эффективного использования iPad Peek рекомендуется использовать браузер Safari, изменить строку пользовательского агента и отключить плагины, как мы уже обсуждали выше. Главное, что добавляет эмулятор, - это внешний вид самого iPad. Вы можете увидеть разницу с помощью эмулятора в MSIE, а затем просмотреть его с помощью Safari, как описано выше.

Использование Apple iPhone Simulator

Если вы серьезно относитесь к разработке для iPhone и iPad, вы, вероятно, захотите присоединиться к Apple Связь с разработчиком , Ir стоит $ 99 в год, но у вас будет доступ к последней версии их комплекта разработчика программного обеспечения (SDK), который включает в себя собственный iPhone Simulator, который также поддерживает iPad. Этот инструмент - лучший способ протестировать ваш iPhone-готовый веб-сайт (или приложение) и не требует подключения к Интернету.

На этой неделе мы обсудили, как вы можете протестировать свой iDevice-ready сайт с помощью веб-браузера Safari. На следующей неделе мы вернемся к веб-разработке для iPhone и iPad и покажем вам, как определять ориентацию области просмотра устройств в альбомной или вертикальной ориентации, используя теги JavaScript, CSS и META!


Похожие

iOS не синхронизирует все календари Google с iPhone?
Синхронизация вашего Календаря Google по умолчанию или любых пользовательских календарей на вашем iPhone в наши дни довольно проста в iOS. Как только вы добавите свою учетную запись Gmail в разделе « Почта» , вы сможете синхронизировать календарь, контакты и заметки. Однако, если вы когда-либо добавляли какие-либо сторонние календари в Google, то есть те, которые отображаются в разделе « Другие календари» , вы могли заметить, что они не синхронизируются
Считыватель отпечатков пальцев iPhone 5s: что нужно знать
Так что Apple объявила, что это здание считыватель отпечатков пальцев в свой новый флагманский смартфон, айфон 5с Называя эту технологию Touch ID. Вот что вам нужно знать об этом. Как работает сенсорный датчик Apple Touch ID?
Как выбрать приложения по умолчанию на iPhone или iPad
... Touch, но это не единственный способ. На самом деле, это даже не рекомендуемый способ - если вы действительно не хотите сделать джейлбрейк по другой причине. Джейлбрейк метод СВЯЗАННЫЕ С: Разъяснение джейлбрейка: что нужно знать о взломе айфонов и айпадов Хорошо, давайте просто уберем
Сравнение браузеров iPad: что лучше?
... iPad по умолчанию, но это не означает, что он автоматически станет лучшим инструментом для работы. Когда дело доходит до настройки размера шрифта, проведения исследований или просмотра Flash-видео, это не дает покоя некоторым из предлагаемых альтернатив. IPad, будь то полноразмерный или мини IPad
Как разблокировать альтернативу чату
... iPhone (только для мобильных устройств) Сначала попробуйте изменить тип подключения. Если вы используете Wi-Fi-соединение, попробуйте ввести Альтернатива чата с вашим мобильным соединением. Зайдите в настройки вашего приложения, очистите кеш и дату из приложения. Затем удалите приложение и все файлы приложения. Пожалуйста, убедитесь, что на вашем телефоне нет файла, связанного с приложением. Зайдите в App Store или Google Play и загрузите
Приложение для веб-тестирования
Подготовка и подготовка веб-сайта - это длительный и сложный процесс, который не закончится, когда вы полностью подготовите веб-сайт. После разработки веб-сайта следует ряд строгих, но важных тестов, чтобы увидеть, готов ли веб-сайт функционировать вживую. Источник изображения:
Создание простого AI Chatbot с помощью Web Speech API и Node.js
Использование голосовых команд стало вездесущим в наши дни, поскольку все больше пользователей мобильных телефонов используют голосовых помощников, таких как Siri и Cortana, а устройства, такие как Amazon Echo и Google Home, вторгаются в наши жилые комнаты. Эти системы построены с программным обеспечением распознавания речи, которое позволяет их пользователям давать голосовые команды. Теперь наши веб-браузеры познакомятся с Web Speech API, который позволяет пользователям интегрировать

Комментарии

Mercury Browser Pro - приложение для вас [iOS, бесплатно в течение ограниченного времени] Глядя на Ditch Mobile Safari?
Мой iPhone хранит мой отпечаток пальца? Яблоко говорит нет, и вот что я думаю, что происходит. Как правило, ваш отпечаток пальца сканируется и проходит через математический алгоритм, который создает шаблон отпечатка пальца . Этот шаблон представляет часть вашего отпечатка пальца; это не сохраненное изображение. Более того, большинство продвинутых систем запускают этот шаблон с помощью криптографического алгоритма хеширования, как и для паролей, и сохраняют
Мой iPhone хранит мой отпечаток пальца?
Мой iPhone хранит мой отпечаток пальца? Яблоко говорит нет, и вот что я думаю, что происходит. Как правило, ваш отпечаток пальца сканируется и проходит через математический алгоритм, который создает шаблон отпечатка пальца . Этот шаблон представляет часть вашего отпечатка пальца; это не сохраненное изображение. Более того, большинство продвинутых систем запускают этот шаблон с помощью криптографического алгоритма хеширования, как и для паролей, и сохраняют
Насколько индивидуальными или обширными являются требования к серверной отчетности и ведению журналов, и являются ли они неотъемлемой частью системы и требуют тестирования веб-приложения?
Насколько индивидуальными или обширными являются требования к серверной отчетности и ведению журналов, и являются ли они неотъемлемой частью системы и требуют тестирования веб-приложения? Ключевые моменты для страниц и макет страницы Страницы должны быть длиной 3-5 экранов, если контент не сфокусирован на одной теме. Если страница длиннее, укажите внутренние ссылки на странице Дизайн страницы

Как работает сенсорный датчик Apple Touch ID?
Мой iPhone хранит мой отпечаток пальца?
Мой iPhone хранит мой отпечаток пальца?
Насколько индивидуальными или обширными являются требования к серверной отчетности и ведению журналов, и являются ли они неотъемлемой частью системы и требуют тестирования веб-приложения?