2012-06-25 3 views
2

Я разрабатываю мобильную версию своего сайта, и у меня нет моего мобильного телефона, чтобы просмотреть мои изменения. Как я могу имитировать мобильный вид на рабочем столе для разработки? Я пробовал http://iphone-emulator.org/, но он не меняет моего User-Agent на мобильный. Я нахожусь на Mac.Просмотреть сайт как мобильный с рабочего стола

ответ

4

Если вы находитесь на Mac, вы можете скачать SDK iOS, в который встроен симулятор. Вы также можете найти эмулятор внутри Android SDK.

EDIT: подделка пользовательского агента является ложным решением, поскольку у вас нет точного механизма рендеринга, чем у вас есть одно устройство.

EDIT2: если вы начинаете мобильное устройства развития один совет: остерегайтесь ежевики (старые версии ОС встраивать IE6 на мобильном телефоне)

0

Использование "User Agent Changer" для Firefox ...

опция Set Разработчик под Safari. Развитие-> Агент Change User

1

Самый простой и быстрый способ получить представление о мобильном веб-приложение является с Chrome:

Настройки -> Сервис -> Developer Tools -> Настройки (правая нижняя площадка) -> Агент пользователя (в меню вкладки) -> «Заменить пользовательский агент»

Помните: результаты ЛЮБОГО эмулятора должны проверяться реальными мобильными устройствами на регулярной основе.

1

Если вы хотите просмотреть эффекты нескольких пользовательских агентов сразу, вы можете попробовать http://prism.mobiforge.com. Он показывает iframe для каждого мобильного устройства, используя правильную строку пользовательского агента для каждого из них. Это удобная проверка, но не способ проверить фактический рендеринг на реальных устройствах, как отмечает AsTeR.

Он также показывает общий вес страницы в каждом случае, что может быть полезно.

Смежные вопросы