Лучший подход я нашел в Техническом примечании TN2262 компании Apple: Подготовка веб-контента для iPad.
- Протестируйте свой сайт на iPad и при необходимости обновите код определения агента пользователя
- Используйте стандартные веб-технологии W3C вместо плагинов
- Проверьте настройки тега viewport
- Измените код, который полагается на фиксированное позиционирование CSS
- Подготовьтесь к сенсорному интерфейсу
- Используйте текстовые области вместо элементов contenteditable
Очень помогла вещь про агента пользователя в Имитация HTTP-запросов Safari на iPad в Safari на настольном компьютере.
Вам, вероятно, лучше всего:
Safari для настольных ПК и Safari для iOS используют одно и то же ядро (WebKit), поэтому вы получите наиболее надежное воспроизведение рендеринга. Вам будет не хватать более причудливой функции масштабирования / ретрансляции, но для многих целей она, вероятно, будет работать нормально.
Я должен отметить для записи, что Google Chrome и некоторые другие, менее известные браузеры также используют WebKit, но Safari для настольных компьютеров с большей вероятностью воспроизведет результаты Safari для iOS, поскольку они оба поддерживаются Apple.
Если вы хотите действительно смоделировать iPad, вам нужно получить настоящую OS X и установить XCode. Виртуализация OS X - это сложно и не законно. Установка Mac OS X на обычный ПК возможна, но не очень легальна, и вам придется взломать ее.
Shaun Sullivan создал iBBDemo2, который является симулятором ipad/iphone с использованием Adobe Air.
Это не совсем то же самое (например, элементы с overflow: scroll;
получают полосы прокрутки здесь, а на реальном устройстве их нет), но это может дать вам хорошее представление о том, как будет выглядеть ваш сайт.