Тестовое веб-приложение на iOS Simulator

Question

Я пытаюсь оптимизировать свой сайт для iPad. Не могли бы вы указать мне наилучший подход:

1. С точки зрения того, должен ли я отделить рабочий стол / ipad просто с помощью CSS или перенаправить на совершенно другой домен (например, mysite.com/ipad)

2. Как мне проверить на симуляторе iPad? Должен ли я использовать XCode для разработки?

Пожалуйста, помогите мне с некоторыми хорошими онлайн-уроками. Спасибо.

Answer 1

Перейдя в симулятор iOS, перейдите в «Оборудование> Устройство> iPad»

Answer 2

Лучше всего использовать отдельные CSS-файлы или просто создать полный жидкий макет,

что касается тестирования, вы можете скачать комплект для ipad dev с xcode для эмулятора

Answer 3

Для Windows и Linux пользователей, которые хотят запустить iOS симулятор внутри macOS с использованием VirtualBox.

ТЕКУЩИЕ ПРОГРАММНЫЕ ВЕРСИИ:

1. MacOS 10,14 Мохаве;
2. VirtualBox 5.2.22;
3. Xcode 10.

ССЫЛКА:

1. Руководство: Как установить macOS 10.14 Mojave на VirtualBox в Windows? .

Подготовка VirtualBox:

1. Скачать VirtualBox для вашей ОС ;
2. Загрузить VirtualBox x.x.xx Oracle VM VirtualBox Extension Pack (один для всех ОС) ;
3. Установить VirtualBox + Extension Pack (обычно двойным щелчком мыши -> ОС должна признать, что Extension Pack должен быть открыт с помощью VirtualBox);
4. Скачать VirtualBox Virtual Disk с предустановленным MacOS 10.14 Mojave
5. Открыть VirtualBox;
6. Создайте новую виртуальную машину, используя an existing virtual hard disk file;
7. [СОВЕТ] Следуйте инструкциям в Шаг 5. Настройка параметров виртуальной машины указанного руководства, если вы не знаете, как настроить виртуальную машину. Самое главное - дать MacOS как минимум 2 ядра процессора;
8. Нам нужно установить некоторые конфигурации. Замените "Virtual Machine Name" ниже именем, которое вы использовали в шаге 6 при создании виртуальной машины:

Для Windows пользователей нам необходимо ввести следующие строки (строка за строкой) в командной строке:

cd "C:\Program Files\Oracle\VirtualBox\"
VBoxManage.exe modifyvm "Virtual Machine Name" --cpuidset 00000001 000106e5 00100800 0098e3fd bfebfbff
VBoxManage setextradata "Virtual Machine Name" "VBoxInternal/Devices/efi/0/Config/DmiSystemProduct" "iMac11,3"
VBoxManage setextradata "Virtual Machine Name" "VBoxInternal/Devices/efi/0/Config/DmiSystemVersion" "1.0"
VBoxManage setextradata "Virtual Machine Name" "VBoxInternal/Devices/efi/0/Config/DmiBoardProduct" "Iloveapple"
VBoxManage setextradata "Virtual Machine Name" "VBoxInternal/Devices/smc/0/Config/DeviceKey" "ourhardworkbythesewordsguardedpleasedontsteal(c)AppleComputerInc"
VBoxManage setextradata "Virtual Machine Name" "VBoxInternal/Devices/smc/0/Config/GetKeyFromRealSMC" 1

Для Linux пользователей просто создайте файл, например myscript, с содержанием:

#!/bin/bash
VBoxManage modifyvm "Virtual Machine Name" --cpuidset 00000001 000106e5 00100800 0098e3fd bfebfbff
VBoxManage setextradata "Virtual Machine Name" "VBoxInternal/Devices/efi/0/Config/DmiSystemProduct" "iMac11,3"
VBoxManage setextradata "Virtual Machine Name" "VBoxInternal/Devices/efi/0/Config/DmiSystemVersion" "1.0"
VBoxManage setextradata "Virtual Machine Name" "VBoxInternal/Devices/efi/0/Config/DmiBoardProduct" "Iloveapple"
VBoxManage setextradata "Virtual Machine Name" "VBoxInternal/Devices/smc/0/Config/DeviceKey" "ourhardworkbythesewordsguardedpleasedontsteal(c)AppleComputerInc"
VBoxManage setextradata "Virtual Machine Name" "VBoxInternal/Devices/smc/0/Config/GetKeyFromRealSMC" 1

и запустите его в терминале как source ./myscript.

Установка macOS 10.14 Mojave на VirtualBox ( Шаг 7. Установка macOS 10.14 Mojave на VirtualBox из руководства):

1. Откройте VirtualBox и запустите созданную виртуальную машину;
2. Подождите несколько секунд, пока панель кодов и логотип Apple не исчезнут;
3. На экране приветствия выберите свою страну и выберите продолжить;
4. Выберите раскладку клавиатуры;
5. Выберите, не передавайте любой тип информации и нажмите «Продолжить»;
6. Решите войти с Apple ID или нет;
7. Согласитесь с условиями;
8. Создать учетную запись для macOS Mojave 10.14;
9. Выберите внешний вид устройства Mac, будь то светлый или темный режим;
10. Выберите Продолжить в окне быстрой настройки;
11. Подождите несколько секунд, пока ваш Mac не будет настроен для использования.

Установить симулятор iOS:

1. Установить Xcode (Нажмите синий Загрузить в правом верхнем углу, укажите свой Apple ID, и вы будете перенаправлены на App Store);
2. Открыть Xcode (от App Store или от Finder -> Applications -> Xcode);
3. Выберите Get started with a playground + Blank, чтобы пропустить все раздражающие шаги.

Тестовый участок + Симулятор использования:

1. ==============

   1,1. Открыть Xcode;

   * * 1.2 тысячу сто сорок одна. В верхнем меню выберите Xcode -> Open Developer Tool -> Simulator;

   1,3. [СОВЕТ] Вы можете Keep in Dock Симулятор, поэтому вам не нужно каждый раз запускать Xcode;

   1.4. В верхнем меню выберите Hardware -> Device, чтобы выбрать устройство / iOS для моделирования;

   1,5. [СОВЕТ] В верхнем меню выберите вкладку Hardware -> Manage Devices... + Simulators для установки пакетов с другими версиями iOS;

   1,6. Откройте свой сайт в Simulator's iOS Safari;

2. ==============

   2,1. Open Desktop Safari;

   2,2. В верхнем меню выберите вкладку Safari -> Preferences... + Advanced -> Tick Show Develop menu in menu bar;

   2.3. В верхнем меню выберите Develop -> SIMULATED DEVICE -> YOUR SITE.

Answer 4

Вы пробовали Browshot.com ?Вы можете получить бесплатные кредиты и попробовать несколько скриншотов в браузере iPad.Используется настоящий мобильный браузер.

Answer 5

Этот онлайн-симулятор iPad http://alexw.me/ipad2/ позволит вам проверить свою страницу вместе с CSS3 и javascript.