DCloud 平台 HTML5 + App 开发

下载安装 HBuilderX

下载地址：https://www.dcloud.io/hbuilderx.html

HBuilderX-使用步骤：

第一步：新建项目文件

第二步：选择打包方式，如：5+App

第三步：选择默认模板

第四步：指定项目文件目录

第五步：项目名称不能为空，自定义一个

第六步：打开定义的项目文件，会默认新建一些文件夹

index.html——首页文件

manifest.json——打包需要的配置文件

第七步：index.html里简单测试
<script type="text/javascript">
+      //5+runtime重写了下面的两个方法，调用的是系统原生的组件
+      alert('test')
+      confirm('确定删除？')document.addEventListener('plusready', function(){//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"});</script>
第八步：点击上方运行——>运行到浏览器——>Chrome

创建项目

访问 HTML5 + API

HTML5+ API Reference

真机调试运行

用手机助手连接手机（安装驱动）
开启手机的开发者选项
启用 USB 调试
使用数据线连接手机
在 HBuilder 中找到：运行 -> 运行到手机或模拟器 -> 你的设备
HBuilder/HBuilderX真机运行、手机运行、真机联调常见问题

夜神模拟器运行HBuilderX中的html文件

第一步：下载夜神模拟器

官网：https://www.yeshen.com/

第二步：安装后，打开夜神模拟器，找到应用 - HBuilderX

第三步：点击HBuilderX上方的运行——>运行到手机或模拟器；查看模拟器是否运行，无则重启模拟器

第四步：在模拟器上显示自定义项目中的index.html首页文件，检测调试效果

夜神模拟器运行App的基础功能示例：（网页上调用系统的原生功能）

第一步：打开Dcloud官网：https://www.dcloud.io/

第二步：选择 5+RunTime

第三步：下拉找到 5+SDk，进行点击

第四步：选择左侧 HTML5+，下方为功能属性列表：Camera摄像头

实例1：

第五步：点击左侧Device-规范，获取手机设备的相关信息，通过plus.device获取

https://www.html5plus.org/doc/zh_cn/device.html

实例2：

Share模块管理客户端的社交分享功能，提供调用终端社交软件的分享能力。通过plus.share可获取社交分享管理对象。在下方的示例模块中，找演示代码

https://www.html5plus.org/doc/zh_cn/share.html

夜神模拟器显示：

实例3：

Camera模块管理设备的摄像头，可用于拍照、摄像操作，通过plus.camera获取摄像头管理对象。在下方的示例模块中，找演示代码

https://www.html5plus.org/doc/zh_cn/camera.html

拍照功能显示:

(二)01- DCloud平台 HTML5+ App开发——真机调试运行夜神模拟器运行HBuilderX中的html文件夜神模拟器运行App的基础功能示例-手机设备-分享功能-拍照功能相关推荐

Xcode 4.1/4.2/4.3/4.4/4.5 + iOS 5.1.1免证书(iDP)开发+真机调试+生成IPA全攻略
开发环境使用的是目前为止最新的稳定版软件:Mac OS X Lion 10.7 + Xcode 4.1 目前Xcode 4.2 Preview版也已经发布,据说其修改方法跟4.1非常类似,只改动 ...
iPad2 iOS 5.0.1＋ Xcode 4.3 免证书(iDP)开发 + 真机调试生成IPA全攻略
欢迎转载,请务必注明出处:本文转载自岳生博客 http://zhyuesheng.blog.163.com 参考了国内外多篇文章,本文所述攻略在以下开发环境下验证通过. 开 ...
APP应用真机调试详细步骤
实现效果:在电脑上运行调试出APP程序实现WiFi真机同步,效果图如下: 使用工具 1.夜神模拟器(电脑下载,如果用手机调试就直接跳过这步) 下载链接:夜神安卓模拟器-手游模拟器电脑版_夜神模拟器官网 ...
Mac OS X 10.10， Eclipse+ADT真机调试代码时，Device Chooser中不显示真机的解决方式
Mac OS X 10.10的环境下.Eclipse+ADT,进行真机调试时,会出现一个问题. Device Chooser对话框里不显示真机设备,仅仅有又一次插拔数据线才干够. 经过測试.有两个暂时 ...
真机调试：问题: 想把写完的代码, 跑到手机上运行, 怎么办?
问题: 想把写完的代码, 跑到手机上运行, 怎么办? 真机调试 1. 查看本机电脑的IPV4地址 2. VSCode下载Live Server插件 3. 修改Live Server插件配置-为IPV4 ...
uniapp开发APP之真机调试
uniapp开发APP之登录授权,获取用户基础信息一:华为手机实时调试APP代码基座流程 1.打开手机的开发者模式,允许USB调试,手机操作流程,进入设置-关于手机,长按版本号(开启开发模式),然后 ...
ios app的真机调试与发布配置
1.打开应用程序->[钥匙串访问]->[证书助理]->[从证书办法机构请求证书] 2.在[用户电子邮件地址]填入apple账户用的邮箱,选择[存储到磁盘],点击[继续],会在磁盘保存 ...

(二)01- DCloud平台 HTML5+ App开发——真机调试运行夜神模拟器运行HBuilderX中的html文件夜神模拟器运行App的基础功能示例-手机设备-分享功能-拍照功能

DCloud 平台 HTML5 + App 开发

下载安装 HBuilderX

创建项目

访问 HTML5 + API

真机调试运行

(二)01- DCloud平台 HTML5+ App开发——真机调试运行夜神模拟器运行HBuilderX中的html文件夜神模拟器运行App的基础功能示例-手机设备-分享功能-拍照功能相关推荐

最新文章

热门文章

(二)01- DCloud平台 HTML5+ App开发——真机调试运行 夜神模拟器运行HBuilderX中的html文件 夜神模拟器运行App的基础功能示例-手机设备-分享功能-拍照功能

DCloud 平台 HTML5 + App 开发

下载安装 HBuilderX

创建项目

访问 HTML5 + API

真机调试运行

(二)01- DCloud平台 HTML5+ App开发——真机调试运行 夜神模拟器运行HBuilderX中的html文件 夜神模拟器运行App的基础功能示例-手机设备-分享功能-拍照功能相关推荐

最新文章

热门文章

(二)01- DCloud平台 HTML5+ App开发——真机调试运行夜神模拟器运行HBuilderX中的html文件夜神模拟器运行App的基础功能示例-手机设备-分享功能-拍照功能

(二)01- DCloud平台 HTML5+ App开发——真机调试运行夜神模拟器运行HBuilderX中的html文件夜神模拟器运行App的基础功能示例-手机设备-分享功能-拍照功能相关推荐