Я разрабатываю мобильный сайт для iPhone, Android и т.д., используя jQuery Mobile. Я бы хотел проверить это в своем обозревателе на компьютере и задавался вопросом, какой лучший подход. Думаю, я мог бы использовать плагин, чтобы изменить заголовок User-Agent на соответствующее значение и вручную изменить размер браузера на ширину устройства, но есть ли более простой/надежный способ?
Извините, я должен был упомянуть, что единственным доступным оборудованием является ноутбук для Windows
Хорошо, если у вас установлен Mac и xCode, вы можете использовать Simulator. Откройте Mobile Safari и укажите на свою веб-страницу на всех устройствах Apple.
Вы также можете использовать эмулятор Android (но я не тестировал его доступ к веб-сайту из браузера)
В качестве альтернативы вы можете использовать плагин (как вы предположили).
Я лично использую Chrome с этим плагином:
с хорошими результатами.
Я использовал Device Anywhere до
вы получаете доступ к устройству через веб-портал/сайт и контролируете его, но это стоит $$$
Фактическое тестирование устройства будет самым надежным
связаны:
В Chrome нажмите F12, чтобы открыть панель инструментов разработчика. Затем нажмите "Переключить панель инструментов устройства" (значок планшета, вверху слева рядом с элементом выбора). Затем вы можете выбрать устройство в верхней части экрана для тестирования.
Там также PerfectoMobile для тестирования на устройствах удаленно... хотя это может быть болезненно медленным. Я бы рекомендовал по крайней мере получить некоторые "базовые" устройства тестирования, если это возможно.
Ищите модуль Chrome Отзывчивый тестер веб-дизайна - вы сможете эмулировать мобильные браузеры для разных размеров устройств на всех платформах.
Существует также http://www.browserstack.com/responsive, который можно использовать для получения скриншота о том, как будет выглядеть ваш сайт на нескольких устройствах.
Однако существует ограничение на количество скриншотов, которые вы можете получить в бесплатной версии, с которой я связан.
У меня были хорошие результаты, визуальные, с помощью дополнения Chrome, которое называется Ripple Betastrong > . Плохо то, что нет возможности добавить какое-то пользовательское устройство, например, планшеты 8 "или 9" или больше... но работает. Я не уверен, что он может показывать некоторые ошибки, видимые на реальном устройстве, но кажется приятным.
Manymo должен работать очень хорошо, моделируя Android для вас. Он показывает мне именно то, что показывает мой мобильный телефон, хотя мои настольные браузеры этого не делают. Manymo - это веб-сайт с большим количеством телефонов на Android. Просто нажмите один и введите свой URL. Существуют такие варианты, как версии Android и размеры экрана.