文档章节

MyEclipse移动Web模拟器指南(一)

Miss_Hello_World
 Miss_Hello_World
发布于 2015/06/15 13:44
字数 840
阅读 917
收藏 5

1. 在iOS和Android模拟器中预览应用程序

移动Web模拟器在开发过程中既可用于预览应用程序,也可用于浏览互联网上的应用程序或网站。使用该模拟器,您可以在不同设备上查看应用程序、改变方向、测试设备运动(如旋转、摇动等)、测试地理位置变化、测试不同阶段对电池寿命的影响。

注意:加速度传感器、地理定位、电池寿命和平台事件的测试要求您在应用程序中使用PhoneGap APIs。

移动Web模拟器是基于iOS和Android使用的相同WebKit渲染引擎的Chrome浏览器。该模拟器模拟了Cordova 2.0 API,并支持iPhone、iPad、Nexus S、Kindle Fire 7″和Samsung Tab 10.1设备的预览。

2. 启动Web模拟器

要打开一个项目的应用程序进行测试,可在资源管理器中右键单击该项目,并在移动Web模拟器中选择PhoneGap>Preview Application。

移动Web模拟器指南(一)
在模拟器中打开一个项目

要打开移动Web模拟器查看互联网上的应用程序或网站,请执行以下操作:

(1)点击MyEclipse移动模拟器图标,或选择Mobile>Mobile Web Simulator。

移动Web模拟器指南(一)
打开模拟器来查看网页内容

(2)在地址栏中输入一个网址来查看网页内容。

3. 设置模拟器的配置

项目应用程序可以在模拟器中运行并测试。此外,您还可以使用模拟器浏览网页或在web上运行移动应用程序。

要使用移动Web模拟器参数,在从工具栏图标中打开移动Web模拟器后,可设置一个主页显示在设备中。

移动Web模拟器指南(一)
主页参数

注意:移动Web模拟器参数页面允许您输入Google Chrome的安装路径。当您打开模拟器时如果收到一个不能找到Chrome的错误,可打开参数页面设置Chrome浏览器的路径。

3.1 设置设备&操作系统版本

移动Web模拟器支持iPhone、iPad和多个Android设备的仿真。您可以更改设备视图来查看应用程序是如何显示在所支持的设备上的(无论横向还是纵向)。

点击移动模拟器图标来打开模拟器,从下拉菜单中选择想要查看的设备,然后单击完成。您也可以输入高度或宽度来自定义尺寸。

移动Web模拟器指南(一)
选择设备视图

打开System Summary面板并从OS下拉列表中选择一个版本来更改操作系统版本。

移动Web模拟器指南(一)
更改操作系统版本
缩放

您可以在模拟器窗口中设置该设备的缩放比例。打开Orientation和Zooming面板,拖动滑块来选择缩放比例。在窗口中选择Fit to Screen复选框来适应设备。

移动Web模拟器指南(一)
设置缩放比例
旋转

当设计一个应用程序时,您必须要考虑设备的屏幕方向。如果您设计的应用程序在纵向或横向运行,那测试时对这两个方向都要进行测试。

要在模拟器中旋转设备时,打开Orientation和Zooming面板,然后单击您想要查看的方向。

移动Web模拟器指南(一)
横向方向

© 著作权归作者所有

共有 人打赏支持
Miss_Hello_World
粉丝 21
博文 668
码字总数 404202
作品 0
九龙坡
私信 提问
MyEclipse中文教程与使用技巧倾情分享

MyEclipse是基于Eclipse平台的智能IDE,作为最实惠、综合全面的J2EE IDE与Web开发工具套件,MyEclipse一直受到Java开发者的青睐。 MyEclipse 既然是IDE工具,那么就有自己独特的使用方法,现...

kouxunli1
2014/11/04
0
0
转发“MyEclipse2015新版发布会” 有兴趣的朋友可以参加

MyEclipse是全球使用最普遍的企业级集成开发环境之一,主要用于Java、Java EE以及移动应用的开发,以其优秀的产品力,深受用户喜爱,是业内公认的巨头级产品。 【适用范围】:各种Java应用程...

kouxunli1
2015/02/02
0
0
MyEclipse基础教程:手把手教你激活MyEclipse

1.免费试用MyEclipse MyEclipse有一个30天的免费试用期。MyEclipse下载地址>> 填写邮件及相关信息,MyEclipse会发送一个快速指南帮助你上手MyEclipse。当然,如果你不填写注册信息,也可以免...

powermlvr
2015/09/17
8.6K
2
MyEclipse2016 Stable 1.0

企业级开发 MyEclipse为完成工作提供了智能的企业工具。Java EE库和功能是企业级项目的基础,支持部署到几十个企业友好的应用服务器进行快速检测。 云开发 脱离缓存,使用内置功能连接到云,...

千面书生鬼见愁
2016/08/01
3
0
MyEclipse 2015 1.0 正式版

先说下MyEclipse 2015正式版1.0的最重要的几点更新: 更好的支持JavaScript和AngularJS等技术模块 全新的REST浏览器以及REST模块的极速访问 PhoneGap移动开发工具 JavaScript for Modern UI...

百mumu
2015/01/19
43.8K
66

没有更多内容

加载失败,请刷新页面

加载更多

编程价值观、原则、模式

读自《实现模式》 模式,即是针对特定问题的通用解决方案。 每个模式都承载这一点点理论,但实际编程中存在着一些更加深远的影响力,远不是孤立的模式所能概括的。 价值观是编程过程的统一支...

遥借东风
11分钟前
1
0
php分割二级域名做跳转处理方法

使用php中的全局变量 $_SERVER['HTTP_HOST'] ,可以获得用户当前访问的域名字符串,在这里面查询自己定义的各个子域名字符串,然后使用header函数重定向到不同的页面 代码如下 if( strpos($...

Mr_Azaz
12分钟前
1
0
容器之Zookeeper的使用

我们使用zookeeper时,都是在Linux上安装zookeeper,之后启动时要加入配置文件。 使用docker之后,我们可以直接使用镜像运行容器,镜像可以从docker.hub上下载,地址是https://hub.docker.co...

克虏伯
昨天
3
0
esxi 更换ssl证书

概述 就是想换一个证书而已,你可以通过下面的途径去申请一个泛解析域名的证书之后再esxi上安装上 使用阿里云域名api申请Let’s Encrypt泛域名免费ssl证书 申请完成证书之后进行下一步 操作 ...

bboysoulcn
昨天
1
0
PLC编程入门:梯形图

梯形图(LAD)是PLC编程的最佳可视化语言,它看起来非常类似于继电器电路图,因此如果 你对继电器控制和电子电路有所了解的话,那么学起来会非常容易! 在这个教程中,我们将学习关于使用梯形...

汇智网教程
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部