it-swarm.com.ru

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

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

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

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

69
at.

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

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

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

42
rmaddy

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

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

Google Chrome Emulation mode

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

Internet Explorer Emulation mode

32
jiminy

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

1) рекомендую

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

2) ответчик

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

3) трансмог

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

X) Google это/поиск в Интернете для него

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

Режим браузера устройства

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

После выбора этой опции GUI изменится и предоставит возможность выбрать устройство для симуляции (в Chrome оно вверху - выберите опцию "Device"), после выбора устройства часто рекомендуется обновить страницу, чтобы обеспечить точность симулятора.
chrome device mode - device select option

18
jave.web

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

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

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

5
rotring05

Вы можете запустить Safari в симуляторе XCode, и он должен точно имитировать iPad и iPhone. Еще одна вещь на рынке, о которой я слышал хорошие отзывы: Ripple for chrome .

3
j_mcnally

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

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

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

2
Jim

XCode поставляется с симулятором для iPad и iPhone.

Вы также можете использовать Safari на OS X для отладки веб-сайтов на вашем устройстве iOS.

1
sosborn

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

0
Louis

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

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

0
pal4life