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

Javascript 在iOS模拟器上测试Web应用程序,javascript,html,ios,ipad,Javascript,Html,Ios,Ipad,我正在尝试为iPad优化我的网站。你能告诉我最好的方法吗: 至于我是否应该仅仅通过CSS来分离桌面/ipad,还是重定向到一个完全不同的域(例如mysite.com/ipad) 如何在iPad模拟器上进行测试?我应该使用XCode进行开发吗 请帮助我学习一些好的在线教程。谢谢。最好使用单独的css文件,或者只制作一个完整的液体布局 就测试而言,您可以下载带有xcode的ipad开发工具包用于模拟器此在线ipad模拟器将允许您测试您的页面以及CSS3和javascript。进入iOS模拟器后,转到

我正在尝试为iPad优化我的网站。你能告诉我最好的方法吗:

  • 至于我是否应该仅仅通过CSS来分离桌面/ipad,还是重定向到一个完全不同的域(例如mysite.com/ipad)

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


  • 请帮助我学习一些好的在线教程。谢谢。

    最好使用单独的css文件,或者只制作一个完整的液体布局


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

    此在线ipad模拟器将允许您测试您的页面以及CSS3和javascript。

    进入iOS模拟器后,转到“硬件>设备>ipad”

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

    适用于希望使用
    VirtualBox
    macOS内部运行
    iOS
    模拟器的WindowsLinux用户

    当前软件版本:

  • MacOS 10.14莫哈韦
  • VirtualBox 5.2.22
  • 代码10
  • 参考资料:

  • 指南:
  • 准备虚拟箱:

  • )
  • )
  • 安装
    VirtualBox
    +
    extensionpack
    (通常通过双击->操作系统应识别
    extensionpack
    必须由
    VirtualBox
    打开)
  • 打开
    VirtualBox
  • 使用现有虚拟硬盘文件创建新的虚拟机
  • [提示]如果您不知道如何配置虚拟机,请按照参考指南中的说明进行操作。最重要的是给MacOS至少2个CPU核
  • 我们需要设置一些配置。将下面的“虚拟机名称”替换为创建虚拟机时在步骤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(来自指南):

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

  • 安装(单击右上角的蓝色下载,提供您的Apple ID,您将被重定向到
    应用商店
  • 打开
    Xcode
    (从
    appstore
    或从
    Finder->Applications->Xcode
  • 选择
    开始游戏
    +
    空白
    ,跳过所有恼人的步骤
  • 测试站点+使用模拟器:

  • ==============

    1.1。打开
    Xcode

    1.2。在顶部菜单中选择
    Xcode->opendeveloper Tool->Simulator

    1.3。[提示]您可以
    保持在Dock
    模拟器中,因此不需要每次都运行
    Xcode

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

    1.5。[提示]在顶部菜单中选择
    硬件->管理设备…
    +
    模拟器
    选项卡,安装包含其他版本iOS的软件包

    1.6。在
    模拟器的iOS Safari中打开您的站点

  • ==============

    2.1。开放式桌面狩猎

    2.2。在顶部菜单中选择
    Safari->Preferences…
    +
    Advanced
    选项卡->勾选
    在菜单栏中显示开发菜单

    2.3。在顶部菜单中选择
    开发->模拟设备->您的站点


  • 带xcode的ipad开发工具包到底是什么?我已经有一个99美元的IOS开发者帐户,用于本机开发。那么我已经安装了IOS sdk了?ipad开发工具包是单独下载的吗?我在哪里以及如何找到它的安装位置?/Developer/Platforms/iPhoneSimulator.platform/Developer/Applications/iPhone\Simulator非常适合这一点。我打开了同样的工具,它打开了一个iPhone模拟器。我如何获得一个ipad模拟器?如果我记得的话,顶栏上的一个菜单将允许您选择ipad没错,这是一个精确的模拟器。你用过同样的吗?我听说大多数iPhone/iPad模拟器只是该浏览器中的一个iframe,并没有提供实际的设备模拟。请确认,好的。上面提供的“模拟器”链接只是IFRAME中的一个网页。有些服务提供在实际硬件设备上拍摄的屏幕截图,如