使用工具:
eclipse version Indigo Service Release 1,dreamweCS6(版本为Dreamweaver_12_LS3,版本不同,构建时略有不同,建议选择至少6.0或以上版本来获得更好的支持)
1.在eclipse中新建一个项目名为DreamWeaverTest
2.打开dreamweaverCS6,新建站点,其中本地站点文件夹为要添加的项目文件夹路径,选中后点击保存
3.在新建的eclipse站点assets文件夹下面建立一个html文件,任意命名为a.html
4.新建一个jQuery Mobile,点击文件下面的新建窗口
5.默认的新建一个Untilcd 2后,点击标题栏下面的拆分按钮,就可以看见代码和页面的分离。将此页面的代码全部粘贴然后覆盖刚才新建的a.html
6.在a.html的文件中你可以看见如下面的图示引用的js文件和css文件,将其中的三个超级http链接在网上下载下来。并放在项目assets文件夹下面,如图:
js文件(需要下载和引入)
7.修改a.html文件中对应的js和css路径达到版本和路径匹配的目的(替换的三个链接顺序不能改变,如果顺序改变则达不到效果)。修改后的路径如下图:
8.同步dreamweaver和eclipse,点击保存就ok
9.点击确定后在dreamweaverTest工程下面的布局文件里面添加webview控件。在src里面添加代码
10.最终效果图: