Question

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

关于我是应该仅通过CSS分离桌面/ ipad还是重定向到完全不同的域（例如mysite.com/ipad）
如何在iPad模拟器上进行测试？我应该使用XCode进行开发吗？

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

Answer 1

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

Answer 2

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

就测试而言，您可以下载带有xcode的ipad开发工具包用于模拟器

Answer 3

此在线iPad模拟器http://alexw.me/ipad2/将允许您测试您的网页以及CSS3和javascript。

Answer 4

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

Answer 5

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

当前软件版本：

MacOS 10.14 Mojave;
VirtualBox 5.2.22;
Xcode 10。

参考：

指南：How to Install macOS 10.14 Mojave on VirtualBox on Windows?。

准备VirtualBox：

Download VirtualBox for your OS;
Download VirtualBox x.x.xx Oracle VM VirtualBox Extension Pack (one for all OSs);
安装VirtualBox + Extension Pack（通常通过双击->操作系统应识别出Extension Pack必须由VirtualBox打开）；
Download VirtualBox's Virtual Disk with preinstalled MacOS 10.14 Mojave
打开VirtualBox;
使用an existing virtual hard disk file创建一个新的虚拟机；
[TIP]如果您不知道如何配置虚拟机，请遵循参考指南的Step 5. Customizing Virtual Machine’s Preferences中的说明。最重要的是为MacOS提供至少2个CPU内核；
我们需要设置一些配置。将下面的"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的身份在终端中运行。

在VirtualBox上安装macOS 10.14 Mojave （指南中的Step 7. Install macOS 10.14 Mojave on VirtualBox）：

打开VirtualBox并启动创建的虚拟机；
等待几秒钟，直到代码面板和苹果徽标消失；
在“欢迎”屏幕上，选择您的国家/地区，然后选择继续；
选择键盘布局；
选择，不传输任何信息类型，然后单击继续；
决定是否使用Apple ID登录；
同意条款和条件；
为macOS Mojave 10.14创建一个帐户；
选择Mac设备的外观，无论是亮模式还是暗模式；
在“快速设置”窗口中选择继续；
等待几秒钟，直到设置好要使用的Mac。

安装iOS模拟器：

安装Xcode（单击右上角的蓝色下载，提供您的Apple ID，您将被重定向到App Store）；
打开Xcode（来自App Store或Finder -> Applications -> Xcode）；
选择Get started with a playground + Blank，以跳过所有烦人的步骤。

测试站点+使用模拟器：

==============

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.1。打开桌面Safari；

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

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

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

5 个答案: