Подтвердить что ты не робот

Симулятор браузера iPhone/iPad?

Мне нужно посмотреть, как мои веб-страницы смотрят на iPhone и iPad на моем рабочем столе Windows. Возможно ли это?

Быстрый поиск дал некоторые сайты тестирования iPhone, которые казались мне такими, какие я хотел. Тем не менее, они дико неточно, когда я сравнивал себя с моим собственным iPhone! Мне действительно нужно то, что максимально приближено к 100%.

Есть ли у XCode симулятор, который на 100% точнее? Я понимаю, что мне понадобится Mac для запуска XCode...

4b9b3361

Ответ 1

Симулятор iPhone/iPad, поставляемый с Xcode, включает Safari. Если вы запускаете Safari в симуляторе, вы можете просмотреть свой сайт, и он должен выглядеть так же, как на реальном устройстве. Это может работать для общего макетирования. Но поскольку это симулятор, возможно, что не каждый бит функциональности будет точно таким же, как с использованием реального устройства iOS.

Если вы пишете веб-сайт, и вам нужно убедиться, что оно выглядит правильно на данном устройстве, вам необходимо проверить свой веб-сайт на этом самом устройстве. Тестирование с использованием реального оборудования является частью цены на бизнес.

И да, вам нужен Mac для запуска Xcode.

Ответ 2

Оба Chrome и Firefox теперь построили в эмуляторах. Они не идеальны, но достаточно хороши, что вы можете получить почти весь путь до тестирования на самом устройстве. Лучшая часть, если вам нравятся инструменты разработчика браузера (Chrome, Firefox), вы можете использовать их при эмуляции.

Чтобы получить эмулятор: [Ctrl + Shift + M] и выберите устройство, которое вы хотите эмулировать. Возможно, вам придется обновить страницу, если у вас есть что-то, что зависит от script, которое выполняется при загрузке страницы.

Режим эмуляции Google Chrome

Internet Explorer также имеет режим эмуляции устройства. F12, затем CTRL + 8. Это не так прямо, как эмуляция Chrome Mobile, но позволяет моделировать геолокацию:

Режим эмуляции Internet Explorer

Ответ 3

Онлайн-симуляторы/эмуляторы, которые я использую

1) recombu

Прекрасный симулятор, который - в отличие от изменяет размер окна браузера на размеры мобильного телефона - действует так же, как смартфон. Не путайте, что вы не можете редактировать адресную строку в сафари - просто откройте инструменты deveolper (обычно F12) и перепишите исходный URL-адрес iframe на ваш.
Ссылка: http://recombu.com/mobile/interactive/ios7-demo/

2) responsimulator

Кажется, работает как recombu, но вы можете открыть url напрямую с помощью ввода текста, и вы можете увеличивать/уменьшать масштаб.
Ссылка: http://www.responsimulator.com/

3) transog

Кажется, что этот процесс обрабатывает веб-страницу, но он эмулирует старый iPhone - по-прежнему под рукой.
Ссылка: http://transmog.net/iphone-simulator/mobile-web-browser-emulator.php

X) google it/internet поиск для него

Всегда используйте Google (или другие поисковые системы Интернета), чтобы проверить наличие других симуляторов/эмуляторов и новых версий.
Ссылка с примером google search this:
https://www.google.cz/search?q=online+iphone+emulator

Режим браузера

Если вы откроете инструменты для разработчиков браузера (в Chrome F12), возможно, будет опция переключения режима устройства (в Chrome это маленький значок смартфона в верхнем левом углу).
значок режима устройства Chrome

После выбора этого параметра графический интерфейс изменится и предоставит возможность выбора устройства для имитации (в Chrome он находится вверху - выберите опцию "Устройство" ), после выбора устройства часто рекомендуется обновлять страницу, чтобы обеспечить точность имитатора.
режим устройства Chrome - опция выбора устройства

Ответ 4

На данный момент я думаю, что лучший эмулятор это https://app.crossbrowsertesting.com

Он имеет реальные размеры и виртуальную клавиатуру (это самое главное), масштабирование событий...

Также https://appetize.io/demo имеет те же вещи, но имеет ограничение по времени.

Ответ 5

Вы можете запускать сафари в симуляторе Xcode, и он должен точно эмулировать iPads и iPhones. Еще одна вещь на рынке, о которой я слышал хорошие отзывы, - пульсация для хрома.

Ответ 6

Там нет хорошей замены для тестирования на самом устройстве.

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

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

Ответ 8

Я использую Мобилизатор, который является прекрасным бесплатным приложением

В настоящее время он имеет моделирование по умолчанию для Iphone4, Iphone5, Samsung Galaxt S3, Nokia Lumia, Palm Pre, Blackberry Storm и HTC Evo. Простое и эффективное.

Ответ 9

Вы можете использовать Ripple emulator в Chrome.

Ответ 10

Я использую мобильный плагин браузера-эмулятора, который имеет типы устройств iPhone. Он фактически использует user-agent и размер устройства, на котором отображаются реагирующие страницы.