Namespaces

Variants
Actions

Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries over the next few weeks. Thanks for all your past and future contributions.

如何联机调试web app

From Wiki
Jump to: navigation, search
Article Metadata

兼容于
平台:
Series 40

文章
max.chen 在 09 Apr 2011 创建
最后由 hamishwillee 在 09 May 2013 编辑

Contents

安装Ovi Browser

要进行联机调试,首先要确保您的Series 40手机上已经安装了Ovi Browser。对于没有预装Ovi Browser的手机,通过手机上的浏览器登录browser.ovi.com就可以下载安装这个软件了。

对于已经预装了Ovi Browser的手机,在联机前可以通过 “诺基亚Ovi套件->工具->软件升级” 对Ovi Browser进行升级,以确保手机上的Ovi Browser是最新版本的。


方法一:蓝牙联机调试

通过蓝牙进行联机调试,需要蓝牙连接、安装Bluetooth Launcher、在WDE中定义目标设备、部署几个步骤,下面我们就一一介绍。

蓝牙连接

通过手机上的“功能表->设置->数据连通->蓝牙”进入蓝牙设置页面。

Webappodd 1.png

其中选项的设置分别为:

  • 蓝牙——开
  • 本手机可见性——为了方便调试,设置为“持续可见”
  • 本手机名称——给手机一个名字,方便以后查找和记忆,这里以“MaxC3-01”为例。

设置完成后,通过“已配对设备->添加设备”和PC进行蓝牙连接,具体的方法参见手机说明书。

安装Bluetooth Launcher

这里可以下载到Bluetooth Launcher。需要注意是,不能通过诺基亚Ovi套件安装Bluetooth Launcher,否则Bluetooth Launcher无法正常运行。

在手机运行Bluetooth Launcher后,如果蓝牙连接正常的话,会看到如下图所示的信息“Bluetooth connection successful.”。点击“OK”后,Bluetooth Launcher显示“正在关闭”,然后退出。但实际上,不必担心,Bluetooth Launcher只是转为后台运行。

Webappodd 2.png


在WDE中定义目标设备

通过在“Project Explorer”中,在项目上单击鼠标右键,选择“Deployment Settings”打开“Preferences”对话框。

Webappodd 4.png

在“Preferences”对话框中的左侧树形列表中选择“Web Apps->Deployment”,然后单击右侧的“Search”按钮。

Webappodd 3.png

搜索需要一点时间,完成后通过下拉菜单选择之前命名为“MaxC3-01”的手机作为目标设备。

Webappodd 5.png


部署

通过在“Project Explorer”中,在项目上单击鼠标右键,选择“Deploy Web app”

Webappodd 6.png

如果能够在WED的右下方的“Web Runtime Console”中,看到如下图所示的信息就说明部署成功了。

Webappodd 7.png]

同时,在手机上会看到一条信息“PC请求连接。开始Bluetooth Launcher”。 点击“开始”后Ovi Browser就会自动启动并加载刚刚部署的Web app。


方法二:通过URL访问

如果没有蓝牙可用,那么还可以选择通过URL的方式在手机上访问Web app。

通过在“Project Explorer”中,在项目上单击鼠标右键,选择“Deployment Settings”打开曾经在"在WDE中定义目标设备"一节中提到的“Preferences”对话框,并选择“No device selected”。点击“OK”退出。

Webappodd 9.png

然后,会看到询问窗口,点击“No”完成设置。

Webappodd 14.png

通过在“Project Explorer”中,在项目上单击鼠标右键,选择“Deploy Web app”,就会看到如下所示的窗口,其中显示了一个URL,“goo.gl/tVmwE&type=webapp1_0”就是这个的Web app的地址。

Webappodd 11.png

由于这个URL也显示在“Web Runtime Console”中,所以我们完全可以勾选上图中的“Do not show this dialog in future”选项,选择以后不再弹出这个窗口。

Webappodd 12.png]

得到URL后,我们就可以在手机上的Ovi Browser中输入这个URL,打开我们的Web app。

Webappodd 13.png

相关链接

This page was last modified on 9 May 2013, at 10:25.
491 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×