• 使用DreamweaverCS6的PhoneGap功能构建jQuery Mobile


    adobe官方Dreamweaver cs5.5教程:http://www.adobe.com/cn/devnet/dreamweaver/articles/phonegap-mobile-app-pt2.html 

    本方是使用Dreamweaver CS6,官方教程:http://helpx.adobe.com/cn/dreamweaver/using/packaging-web-apps.html

    一、使用Dreamweaver新建一个jquery mobile 移动站点

    1.安装DW CS6

    2.下载Android SDK

    3.配置PhoneGap

    在菜单的站点”>“PhoneGap Build 服务”>“PhoneGap Build 设置 SDK的路径(第二步中下载后的路径)

          

    3.新建DEMO

    首先在菜单的站点 > 新建站点

    然后新建index.html首页文件

    菜单文件 > 新建 选择左边的示例中的页 -> 右侧选择 mobile 起始页 -> jQueryMobile 本地 

    新建好后保存文件,这个相关的资源会保存刚起的站点根本目下面,便于后面打包apk

    这里点工具栏上的实时视图就能看到页面效果了。

    到这一步就已经算是用Dreamweaver CS6新建好了一个DEMO,可以直接上传到服务器通过URL访问这个站点了。当然这样并不是本文要讲的APP方式。下面该PhoneGap出场了。

    二、使用 PhoneGap Build 将 Web 应用程序作为本机移动应用程序进行打包

    官方说明参考:http://helpx.adobe.com/cn/dreamweaver/using/packaging-web-apps.html

    1.登陆PhoneGap

    选择“站点”>“PhoneGap Build 服务”>“PhoneGap Build 服务”

         

    登陆成功后Dreamweaver 将 ProjectSettings 文件添加到站点的根中。此文件非常重要,因为 PhoneGap Build 服务将使用该文件跟踪应用程序。Dreamweaver 还会将 config.xml 文件添加到站点的根中。双击此简单的 XML 文件打开它.XML配置DOCS参考:https://build.phonegap.com/docs/config-xml

    2.打包生成APK

    选择创建新项目后点继续就会出现下面的打包界面。按钮第一次可能是灰色的不能使用,先点一下重新生成,比如生成android的apk包,点重新生成后,点箭头向下的按钮就会另存为apk包了。前面向左的按钮是会启动android sdk里面的模拟器来运行DEMO.这里我是使用360手机助手安装的,先启动模拟器,手机插上电脑,双击生成的apk包,就会提示安装。

  • 相关阅读:
    [编程题] 数组中重复的数字
    [编程题] 用两个栈实现队列
    杜教筛学习笔记
    二次剩余学习小记
    Burnside引理和Polya定理简单入门
    6553. 【GDOI2020模拟4.11】人生
    6545. 【GDOI2020模拟4.8】 Exercise
    2020.4.5学军信友队趣味网络邀请赛总结
    51 Nod 1287 加农炮(单调队列思想+二分)
    51 Nod 1070 Bash游戏v4(斐波那契博弈)
  • 原文地址:https://www.cnblogs.com/terrylin/p/3131812.html
Copyright © 2020-2023  润新知