中控易动—提供APP一站式SaaS服务提供了一系列的效率工具，供开发者、运营者、测试者等角色使用，提升开发、运营、测试等效率。上次我们介绍了用于开发中控易动应用的干货｜中控易动效率工具介绍（1）——EZM CLI，今天我们来介绍另一款工具——APP Studio：
APP Studio 是一款在 PC 端在线开发调试手机 Web 功能的网页工具，不需要额外安装。APP Studio 通过 WiFi 在真实的手机中对编写的代码进行调试和功能验证。
打开 APP Studio
·在手机上打开 CloudGrid 或者 您自己编译构建的 App 应用(应用的编译构建类型需是测试版)
·点击手机屏幕右侧的蓝色调试按钮(小锤子图标)，获取 PC 端调试地址
·App 保持前台的状态下，在 PC 上打开调试地址(PC和手机需处于同一个局域网环境下)
功能
查看 log
操作步骤：
① 打开APP Studio，在电脑端输入调试地址，默认密码：123456
②APP Studio 底部查看log
查看单个插件 JSAPI 的功能
操作步骤：
*步骤③④或⑤⑥ 二选一
① 打开APP Studio，在电脑端输入调试地址，默认密码：123456
②打开"单文件调试"-"目录"-"example"下文件
下面以AppInfo插件为例：
③在example.html文件，输入下面一段代码
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<title>Example</title>
<script charset="UTF-8" src="supconit://hcmobile.js"></script>
<script>
//测试代码
document.addEventListener("deviceready", onDeviceReady, false);function onDeviceReady() {
//这里写入你的插件测试代码
// 获取app相关信息
navigator.appInfo.getInfo(function (result) {
alert(JSON.stringify(result));
},function (error) {
alert(error);
});
}
</script>
</head>
<body>
<h1> demo</h1>
</body>
</html>
④点击运行按钮，查看手机调用AppInfo插件 JSAPI 的效果
⑤在example.js文件，输入下面一段代码
// 获取app相关信息
navigator.appInfo.getInfo(function (result) {
alert(JSON.stringify(result));
},function (error) {
alert(error);
});
⑥点击运行按钮，查看手机调用AppInfo插件 JSAPI 的效果
调试预览小程序页面和功能
操作步骤：
① 打开APP Studio，在电脑端输入调试地址，默认密码：123456
②打开"小程序调试"-"新建小程序"-填写小程序信息"确定"
③开始调试小程序
局域网文件共享
操作步骤：
① 打开APP Studio，在电脑端输入调试地址，默认密码：123456
②用户A打开"共享区"-"导入文件"
导入文件
③用户B同一局域网下打开APP Studio，获取共享文件
导出文件
