在iOS模拟器上测试Web应用程序

Question

我正在尝试优化我的iPad网站。 能指导一下最好的方法吗？

1. 关于我是否应该通过CSS分离桌面/ ipad或重定向到完全不同的域（例如mysite.com/ipad）

2. 我如何在iPad模拟器上进行测试？ 我应该使用XCode进行开发吗？

请帮我一些好的在线教程。 谢谢。

Answer 1

进入iOS模拟器后，请转到“硬件>设备> iPad”

Answer 2

最好使用单独的css文件或只是制作完整的液体布局，

就测试而言，您可以下载带有xcode的ipad开发套件供模拟器使用

Answer 3

你试过Browshot.com吗？ 您可以获得免费积分并在iPad浏览器上尝试一些屏幕截图。 它使用实际的移动浏览器。

Answer 4

对于想要使用VirtualBox在macOS运行iOS模拟器的Windows和Linux用户。

当前软件版本：

1. MacOS 10.14 Mojave;
2. VirtualBox 5.2.22;
3. Xcode 10。

参考：

1. 指南： 如何在Windows上的VirtualBox上安装macOS 10.14 Mojave？ 。

准备VirtualBox：

1. 为您的操作系统下载VirtualBox ;
2. 下载VirtualBox xxxx Oracle VM VirtualBox扩展包（适用于所有操作系统） ;
3. 安装VirtualBox + Extension Pack （通常双击 - >操作系统应该识别必须由VirtualBox打开Extension Pack ）;
4. 使用预装的MacOS 10.14 Mojave下载VirtualBox的虚拟磁盘
5. 打开VirtualBox ;
6. 使用an existing virtual hard disk file创建新虚拟机;
7. [提示]如果您不知道如何配置虚拟机，请按照步骤5中的说明自定义引用指南的虚拟机首选项 。 最重要的是给MacOS至少2个CPU核心;
8. 我们需要设置一些配置。 在创建虚拟机时，使用您在步骤6中使用的名称替换下面的"Virtual Machine Name" ：

对于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 。

在VirtualBox上安装macOS 10.14 Mojave （ 步骤7.在指南中安装VirtualBox上的macOS 10.14 Mojave ）：

1. 打开VirtualBox并启动创建的虚拟机;
2. 等待几秒钟，直到代码面板和苹果标志消失;
3. 在欢迎屏幕上，选择您所在的国家/地区并选择继续;
4. 选择键盘布局;
5. 选择，不传输任何信息类型，然后单击继续;
6. 决定是否使用Apple ID登录;
7. 同意条款与条件;
8. 为macOS Mojave 10.14创建一个帐户;
9. 选择Mac设备的外观，无论是浅色模式还是暗模式;
10. 在Express Set up窗口中选择Continue;
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 Simulator，因此您不需要每次都运行Xcode ;

   1.4。 在顶部菜单中选择Hardware -> Device选择设备/ iOS进行模拟;

   1.5。 [提示]在顶部菜单中选择Hardware -> Manage Devices... + Simulators选项卡以安装包含其他iOS版本的软件包;

   1.6。 在Simulator's iOS Safari打开您的网站;

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

   2.1。 打开桌面Safari;

   2.2。 在顶部菜单中选择Safari -> Preferences... + Advanced选项卡 - > Show Develop menu in menu bar勾选Show Develop menu in menu bar ;

   2.3。 在顶部菜单中选择Develop -> SIMULATED DEVICE -> YOUR SITE 。

Answer 5

这个在线iPad模拟器http://alexw.me/ipad2/将允许您测试您的页面以及CSS3和JavaScript。