动态 版块 发帖 消息 我的
Loading...
支持原创软件,共创美好明天!
xybLv1   
更方便的PC端调试H5页面 PC_Debug环境包     
      基于 氦氪云入门教程06-在PC端调试H5设备控制页面 修改        特点:使用PC_Debug环境包不用修改PC_Debug环境包文件的任何代码。
 
        使用演示(将 氦氪云入门教程05-丰富设备控制页面功能修改以适应PC端调试)
        1、下载本贴的PC_Debug环境包和温湿度计H5页面-20170710 并解压


2、打开"PC_Debug\templet"(模板)目录下的"index.html"文件,

复制下图圈起来的代码到剪贴板.


打开"温湿度计H5页面-20170710"目录下的"index.html"文件,

粘贴刚才复制的代码到" <!--历史记录页面 结束--> "后边并保存.

3、打开"PC_Debug\templet\js"目录下的"main.js",

复制下图中圈起来的代码。

打开"温湿度计H5页面-20170710\js"文件,

粘贴刚才复制的代码替换掉下图选中的代码并保存。

替换后的代码如下图

4、将"温湿度计H5页面-20170710"目录下的所有文件复制到"PC_Debug\device"目录

到这里原H5页面的改造工作已经完成。


页面调试运行

调试完成后可以直接将"device"目录下的文件打包上传到HEKR云后台,不用做任何修改。

从此再也不用担心上传的时候忘了修改"index.html"和"main.js"而运行异常的问题出现了。

调试时运行"PC_Debug"目录下的"index.html",

在页面输入用户名 密码登陆,获得设备列表,

选择调试的设备就进入了设备的H5页面。

 


附件:

PC_Debug环境包

 16  已被阅读了1022次  楼主 2017-09-28 10:27:43
回复列表

回复:更方便的PC端调试H5页面 PC_Debug环境包

Powered by 心晨工作室 7.3.6
© 2015-2020 PuYueTian
您的IP:18.232.38.214,2020-05-29 11:04:06,Processed in 0.06021 second(s).
Powered by 心晨工作室
开心每一天
已有0次打赏