Тестирование HTML / CSS шаблонов для мобильных устройств

Question

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

Мы стремимся поддерживать iPhone, Blackberry, Android и Windows Mobile, поэтому нам нужен способ увидеть, как наши HTML / CSS / JS шаблоны будут выглядеть на этих устройствах.

Так, если не покупать и не покупать каждый телефон, существует ли симулятор, который мы можем установить на рабочий стол Windows 7, где мы можем протестировать наши веб-шаблоны?

Я помню, как использовал эмулятор Blackberry несколько лет назад, но можем ли мы полагаться на нечто подобное для всех платформ? Вкратце, для моделирования iPhone требуется загрузка $ 99 в год за загрузку их SDK, а также это работает только на компьютере Apple?

Идеальным будет глобальное решение, охватывающее все платформы. Может ли кто-нибудь помочь / дать совет?

Большое спасибо.

Answer 1

Я использую SDK для Android, Windows Phone и нескольких симуляторов Blackberry. Насколько я понимаю, настольный браузер Safari функционирует так же, как браузер iOs, что вы можете довольно уверенно использовать его для тестирования (вы можете перейти на мобильный пользовательский агент в меню разработчика). Это по-прежнему не замена для реального устройства, случайная проблема ускользнет.

http://developer.android.com/sdk/index.html

http://us.blackberry.com/developers/resources/simulators.jsp

Android SDK великолепен тем, что его эмуляторы позволяют вам тестировать диапазон версий и разрешений ОС устройства, вы также можете изменять ориентацию между альбомной и книжной ориентацией с помощью цифровой клавиатуры (numlock выключен).

Answer 2

Dreamweaver 5.5 Live View в разрешениях устройств, с которыми вы работаете, будет хорошим началом.