「小程序JAVA实战」 小程序远程调试(九)
在开发javaweb应用的时候,如果遇见一个问题都会调试,debug,在火狐和谷歌浏览器的时候我们也可以使用断点的方式调试js,小程序可以吗?肯定是可以的!小程序的调试也可以在手机端进行远程调试。源码:https://github.com/limingios/wxProgram.git 中的No.4
开始演示
- 登录微信小程序,获取appId,远程调试必须有AppID
- 新建项目
记住这个必须填入AppID
- 了解功能按键
>预览:手机可以通过扫描二维码的方式在手机上直接观看小程序
>远程调试:可以在手机上进行操作,并且可以在电脑上弹出对应的控制台,来观察操作的效果,同时在手机和电脑上进行调试。
- 修改初始化代码
>源码:https://github.com/limingios/wxProgram.git 中的No.4
- app.js
//app.js
App({onLaunch: function (options) {console.log("onLaunch")},onShow: function (options) {console.log("onShow")},onHide: function () {console.log("onHide")},onError: function (msg) {console.log("onError")},globalData: 'I am global data'
})
- app.json
{"pages":["pages/index/index"],"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor": "#fff","navigationBarTitleText": "WeChat","navigationBarTextStyle":"black"}
}
- index.wxml
<!--index.wxml-->
<view class="container">{{motto}}
</view>
- index.js
//index.js
//获取应用实例
const app = getApp()Page({data: {motto: 'Hello World',userInfo: {},hasUserInfo: false,canIUse: wx.canIUse('button.open-type.getUserInfo')},onLoad: function () {this.setData({motto: app.globalData})}
})
- 打断点,源码中加入debugger
- app.js
//app.js
App({onLaunch: function (options) {debuggerconsole.log("onLaunch")},onShow: function (options) {debuggerconsole.log("onShow")},onHide: function () {debuggerconsole.log("onHide")},onError: function (msg) {debuggerconsole.log("onError")},globalData: 'I am global data'
})
- 编辑工具下的调试
> 开启调试器,可以通过f10单步进行调试
- 安装itools手机可以实时看到手机上的
>扫描预览的效果
- 打开手机的调试
- 重新进入小程序
点击vConsole
这里出发了onHide,上次在工具开发预览的时候并没有触发。.
- 开启远程调试
>点击开启远程调试,也会生成一个二维码
- 手机扫一扫,
- 出现命中断点和远程调试窗口
- 可以看到类似web调试的一些工具
- 可以查看远端代码
PS:最后想到了什么老铁,可以查看远端的代码是不是就可以获取到借鉴他的代码了。其实微信早就想到了,不是所有的都可以的。远端调试必须知道他的APPID的,不是说直接看就可以了。
>>原创文章,欢迎转载。转载请注明:转载自IT人故事会,谢谢!
>>原文链接地址:「小程序JAVA实战」 小程序远程调试(九)
「小程序JAVA实战」 小程序远程调试(九)相关推荐
- 「小程序JAVA实战」小程序的举报功能开发(68)
转自:https://idig8.com/2018/09/25/xiaochengxujavashizhanxiaochengxudeweixinapicaidancaozuo66-2/ 通过点击举报 ...
- 「小程序JAVA实战」小程序头像图片上传(下)(45)
转自:https://idig8.com/2018/09/09/xiaochengxujavashizhanxiaochengxutouxiangtupianshangchuan44/ 接下来,我们应 ...
- miniui datagrid 隐藏列默认赋值_「小程序JAVA实战」 小程序默认加载的页面和生命周期(八)...
小程序如何加载的呢?生命周期!源码:https://github.com/limingios/wxProgram.git 中的No.3 加载页面 小程序默认加载的pages中的第一个目录 不管你的名称 ...
- multipartfile file java 怎么获取里面的属性_「小程序JAVA实战」小程序的举报功能开发(68)...
通过点击举报按钮,跳转到举报页面完成举报操作. 后台开发 获取发布人的userId,videoId,创建者的Id controller UserController.java package com. ...
- 「小程序JAVA实战」小程序的留言和评价功能(70)
转自:https://idig8.com/2018/10/28/xiaochengxujavashizhanxiaochengxudeliuyanhepingjiagongneng69/ 目前小程序这 ...
- 「小程序JAVA实战」小程序的个人信息作品,收藏,关注(66)
个人信息页面有一个tab(作品,收藏,关注)源码:https://github.com/limingios/wxProgram.git 中No.15和springboot 作品,收藏,关注的列表 Vi ...
- 「小程序JAVA实战」小程序我的个人信息页面开发(41)
转自:https://idig8.com/2018/09/05/xiaochengxujavashizhanxiaochengxuwodegerenxinxiyemiankaifa40/ 已经完成了登 ...
- 「小程序JAVA实战」小程序的页面重定向(60)
转自:https://idig8.com/2018/09/24/xiaochengxujavashizhanxiaochengxudeyemianzhongdingxiang59/ 在我们正常的浏览网 ...
- 小程序 video 控制器外观调整_「小程序JAVA实战」小程序视频组件与api介绍(51)...
这次说下,小程序的视频组件,之前在说小程序基础的时候视频组件没说,现在说下.从属性和api都说下.https://github.com/limingios/wxProgram.git 中No.15 视 ...
最新文章
- Ubuntu 8.04嵌入式交叉编译环境arm-linux-gcc搭建过程图解
- Intger To Roman
- Codeforces 432D Prefixes and Suffixes (KMP、后缀数组)
- [考试反思]0819NOIP模拟测试26:荒芜
- _ASSERTE(_CrtIsValidHeapPointer(pUserData))错误详解
- ice库c语言例子,很不多的ICE架构入门学习例子
- JAVA Integer值比较问题
- python分析每月销售数据_利用Python进行某单品销售数据分析
- C#中的方法(函数),委托和事件
- UE4 虚幻引擎,3D数学(一),3D坐标系,2D坐标系
- Java常用日志框架介绍(转载)
- sublime license key
- 蓝桥杯题目练习(学做菜)
- Step3:获得单应矩阵(每张图片需要m个棋盘格角点,m≥4)
- 中兴算法大赛深度学习模型优化加速解决方案总结
- Structure Boundary Preserving Segmentation for Medical Image with Ambiguous Boundary
- 串的模式匹配python
- 华为 SWE 实习岗 笔试题 JAVA
- Git LFS 入门指南
- maven下载依赖提示系统找不到指定路径的问题