在使用PhoneGap进行开发的过程中,由于大部分界面信息是用html5和CSS3进行搭建的,所以使用WTP对其中的HTML进行调试是比较方便的,这里介绍个人喜欢的调试方法,如下:
- 创建一个PhoneGap项目:在该项目的www文件夹(不同系统ios和android似乎不同)下存储着项目HTML部分。
- 使用WTP创建静态HTML项目,并使用HTTP Preview进行这个项目的调试。
- 使用linkedResources将www文件夹link到WTP项目中。
- 使用浏览器调试该项目。
具体操作如下:
一、创建PhoneGap项目,具体可以参见:Windows下PhoneGap移动开发环境搭建-Android 。
二、使用WTP创建静态WEB工程,注意,要下载使用最新的WTP,低版本的可能存在问题。下载地址如下:http://www.eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/keplersr1 。
下载完成后可以创建一个空的静态Web工程,截图如下:
三、使用HTTP Preview对上述项目进行调试:
在Servers视图中点击这个(或者右键)
选择HTTP Preview(不要Finish)
将静态项目添加到预览
四、使用linkResource连接www文件夹:
切换视图到Navigation(不会切的上网查),删除项目中的WebContent文件夹,删除后如下:
删除后的样子
然后打开project,修改,加入linkResource标签,加入后样子如下:
<?xml version="1.0" encoding="UTF-8"?> <projectDescription> <name>TmallDemo</name> <comment></comment> <projects> </projects> <buildSpec> <buildCommand> <name>org.eclipse.wst.jsdt.core.javascriptValidator</name> <arguments> </arguments> </buildCommand> <buildCommand> <name>org.eclipse.wst.common.project.facet.core.builder</name> <arguments> </arguments> </buildCommand> <buildCommand> <name>org.eclipse.wst.validation.validationbuilder</name> <arguments> </arguments> </buildCommand> </buildSpec> <natures> <nature>org.eclipse.wst.common.project.facet.core.nature</nature> <nature>org.eclipse.wst.common.modulecore.ModuleCoreNature</nature> <nature>org.eclipse.wst.jsdt.core.jsNature</nature> </natures> <linkedResources> <link> <name>WebContent</name> <type>2</type> <location>F:/mobile/TmallDemo/platforms/android/assets/www</location> </link> </linkedResources> </projectDescription>
其中绝对路径为你的PhoneGap项目中的www文件夹。
五、使用浏览器调试项目:启动刚才创建的HTTP Preview,使用浏览器访问该服务,将在浏览器端看到PhoneGap项目的样子,当然会有些出入,但是调试布局和JS还是很方便的。
相关推荐
Eclipse WTP Web应用开发,(曼德尔),姚军等译。
在Eclipse环境下,基于WTP插件,开发JSP应用程序 内容还是比较详尽的,以图示的方式介绍了安装过程,最后还举了一个非常简单的例子作为示例
WTP,ejb,Callisto,配置XDoclet
使用WTP来构建你的WEB应用程序.doc
基于WTP开发自定义的JSP编辑器,
开源的项目管理系统web top project,代码经过整理,可以运行
6. 使用 eclipse wtp merge 将 eclipse wtp plugs 0 ~ eclipse wtp plugs 4 的文件合成后,就能得到完整的 WTP Plugs 压缩包 -----------------------------------------------------------------------------------...
6. 使用 eclipse wtp merge 将 eclipse wtp plugs 0 ~ eclipse wtp plugs 4 的文件合成后,就能得到完整的 WTP Plugs 压缩包 -----------------------------------------------------------------------------------...
Eclipse_wtp_tomcatEclipse_wtp_tomcatEclipse_wtp_tomcatEclipse_wtp_tomcatEclipse_wtp_tomcatEclipse_wtp_tomcatEclipse_wtp_tomcatEclipse_wtp_tomcatEclipse_wtp_tomcat
6. 使用 eclipse wtp merge 将 eclipse wtp plugs 0 ~ eclipse wtp plugs 4 的文件合成后,就能得到完整的 WTP Plugs 压缩包 -----------------------------------------------------------------------------------...
6. 使用 eclipse wtp merge 将 eclipse wtp plugs 0 ~ eclipse wtp plugs 4 的文件合成后,就能得到完整的 WTP Plugs 压缩包 -----------------------------------------------------------------------------------...
6. 使用 eclipse wtp merge 将 eclipse wtp plugs 0 ~ eclipse wtp plugs 4 的文件合成后,就能得到完整的 WTP Plugs 压缩包 -----------------------------------------------------------------------------------...
jQueryWTP一个让Eclipse WTP支持jQuery Javascript代码自动补全功能的Eclipse插件。 支持jquery 1.6
WTP(Web Tools Platform )项目在eclipse平台上进行扩展,是一个开发J2EE Web应用程序的工具集。WTP由两个子项目 构成:WST(Web标准工具集) 与JST(J2EE标准工具集),包含以下工具: * 一个源码编辑器可以用来编辑HTML...
eclipse(wtp)内存溢出解决办法 修改配置文件
开发工具采用Eclipse IDE for Java EE Developers,该版本集成了WTP插件(Web开发插件首选Eclipse官方指引Web Tools Platform 套件),可非常方便快捷的开发Web项目,最新版本可以到http://www.eclipse.org/downloads ...
This is WTP presentation.
下载Eclipse3.3。 这里我用的Eclipse Classic 3.3.1.1 ,主要是为了学习如何在Eclipse上安装插件(完整文章参考Eclipse3.3 安装及插件配置)。
6. 使用 eclipse wtp merge 将 eclipse wtp plugs 0 ~ eclipse wtp plugs 4 的文件合成后,就能得到完整的 WTP Plugs 压缩包 -----------------------------------------------------------------------------------...
e-WTP视角下跨境电商物流人才实践能力的培养与提升.pdf