logo标签列表

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

javascripthtmliosipad
6

我正在尝试为我的网站优化iPad浏览。请您指导我最佳的方法：

  1. 在分开桌面和iPad浏览时，是否应该只使用CSS来区分，还是重定向到完全不同的域名（例如mysite.com/ipad）？

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

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

5个回答
5

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

1
最好使用单独的CSS文件或制作完整的流体布局。至于测试，您可以下载带有Xcode模拟器的iPad开发工具包。
iPad开发工具包和Xcode模拟器究竟是什么？我已经有了99美元的iOS开发者帐户，用于本地开发……所以我已经安装了iOS SDK？iPad开发工具包是单独下载的吗？ - copenndthagen
我应该在哪里找到它安装了？怎样找到它的安装位置？ - copenndthagen
/开发者/平台/iPhone模拟器.platform/开发者/应用/iPhone模拟器 - Xand94
非常感谢您的回复。我打开了它，但是它只显示了一个iPhone模拟器。请问如何获取iPad模拟器呢？ - copenndthagen
顶部栏中的一个菜单将允许您选择iPad，如果我没记错的话。 - Xand94
0
这是一个准确的模拟器吗？你用过吗？我听说大多数iPhone/iPad模拟器只是浏览器中的iframe，不能真正模拟设备。请确认一下。 - copenndthagen
2
是的。上面提供的“模拟器”链接只是IFRAME内的网页。有一些服务可以提供在实际硬件设备上拍摄的屏幕截图，例如https://browshot.com/。 - Maksym Kozlenko
0

你试过Browshot.com吗？你可以获得免费积分，在iPad浏览器上尝试几个截图。它使用实际的移动浏览器。

0

适用于Windows和Linux用户的指南，想要在macOS中使用VirtualBox运行iOS模拟器。

当前软件版本：

  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 x.x.xx Oracle VM VirtualBox扩展包（适用于所有操作系统）；
  3. 安装VirtualBox和扩展包（通常双击即可，操作系统应该能够识别 扩展包需要使用 VirtualBox 打开）；
  4. 下载预装了MacOS 10.14 Mojave的VirtualBox虚拟硬盘
  5. 打开 VirtualBox；
  6. 使用现有的虚拟硬盘文件创建新的虚拟机；
  7. [提示] 如果您不知道如何配置虚拟机，请参考引用指南中步骤5.自定义虚拟机首选项的说明。最重要的是要为MacOS分配至少2个CPU核心；
  8. 我们需要设置一些配置。请将下面的"虚拟机名称"替换为您在第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（从指南中的第7步。在VirtualBox上安装macOS 10.14 Mojave）：

  1. 打开VirtualBox并启动创建的虚拟机；
  2. 等待几秒钟，直到代码面板和苹果标志消失；
  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 ->应用程序 -> Xcode）；
  3. 选择开始使用playground+ 空白以跳过所有烦人的步骤。

测试网站+使用模拟器：

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

    1.1. 打开 Xcode；

    1.2. 在顶部菜单中选择 Xcode -> Open Developer Tool -> Simulator；

    1.3. [提示] 您可以将模拟器保持在 Dock 中，这样您就不必每次都运行 Xcode；

    1.4. 在顶部菜单中选择 Hardware -> Device 以选择模拟的设备/ iOS 版本；

    1.5. [提示] 在顶部菜单中选择 Hardware -> Manage Devices...+Simulators 选项卡可安装带有其他 iOS 版本的包；

    1.6. 在 模拟器的 iOS Safari 中打开您的网站；

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

    2.1. 打开桌面版 Safari；

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

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

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接