Каков наилучший способ разработки веб-сайта для мобильных устройств?

Ответ 1

Я бы рекомендовал использовать инфраструктуру для разработки мобильных устройств (например, http://jquerymobile.com/). Таким образом, вы обязательно создадите веб-сайт, который будет хорошо работать на многих мобильных устройствах.

• В целях отладки, почему вы не пытаетесь использовать виртуальное устройство Android?

  http://developer.android.com/guide/developing/devices/managing-avds.html

  Вы получили его, когда загрузили sdk android или eclipse ADT плагин для разработки приложений для Android.

• Вы также можете взглянуть на симулятор Blackberry:

  http://www.blackberry.com/developers/downloads/simulators/index.shtml.

• Чтобы получить симулятор Iphone, я считаю, что обязательно иметь mac.

  Это часть IOS SDK под названием iOS Simulator (которую вы устанавливаете в XCode).

Я все равно думаю, что существует много менее громоздких способов проверить ваш код.

Ответ 2

Каков наилучший способ разработки веб-сайта для мобильных устройств?

Прочитайте версию Mobile Web Development в этом блоге

http://davidbcalhoun.com/2010/viewport-metatag

Часть 1: Метатаг viewport

Часть 2: Инструментарий мобильных разработчиков

Часть 3: Проектирование кнопок, которые не сосут

Часть 4: При разработке мобильной веб-страницы

Часть 5: Использование HTML, CSS и JavaScript для мобильных устройств

Часть 6: Работа с ориентацией устройства

Часть 7: Мобильные JavaScript-библиотеки и фреймворки

Я не могу найти симулятор/эмулятор для мобильных устройств.

для эмуляторов см. здесь http://www.mobilexweb.com/emulators

Есть ли способ редактировать CSS с мобильного устройства, например firebug?

для отладки см. здесь

Список букмарклетов для мобильной веб-отладки http://www.blog.highub.com/mobile-2/list-of-bookmarklets-for-mobile-web-debugging/

Как легко отлаживать веб-сайты на мобильных устройствах с помощью "Weinre" http://envyandroid.com/archives/483/easily-debug-mobile-websites-with-weinre