做网站大约多少钱,苏州网站开发建设方法,沐风seo,公司网站建设成都如何调试小程序代码
在进行项目开发的时候#xff0c;不可避免需要进行调试#xff0c;那么如何调试小程序呢#xff1f;
打开微信开发者工具后#xff0c;有一个模拟器#xff0c;通过模拟器能够实时预览自己写的页面#xff0c;如下#xff1a; 在上部工具栏中有一个…如何调试小程序代码
在进行项目开发的时候不可避免需要进行调试那么如何调试小程序呢
打开微信开发者工具后有一个模拟器通过模拟器能够实时预览自己写的页面如下 在上部工具栏中有一个调试器按钮点击该按钮在底部就会弹出一个调试器如下 在下部调试器中有很多功能项这里讲解一下常用的选项
Wxml能够看到当前页面的结构和样式通过这个面板能够调试结构和样式Console通过 Console 能够看到 JS 打印输出的内容在 Console 中有一些系统打印信息系统打印信息会影响开发者自己打印的信息这样不方便开发者调试。可以右键点击系统打印信息选择【Hide messages from WAServiceMainContext.js】隐藏系统打印信息如下 Network通过 Network 可以调试网络请求即调试自己向服务器发送的请求AppData通过 AppData 可以查看当前页面定义了哪些数据Storgae通过 Storage 可以查看我们在本地存储了哪些数据
接下来看一下工具栏中的四个功能编译、预览、真机调试、清缓存 这个四个功能 编译有点类似于浏览器的刷新在点击之后能够重新刷新当前页面当我们编写代码之后发现模拟器没有任何变化时就可以点击编译进行刷新 预览点击预览之后会弹出一个弹框点击弹框下部的【继续浏览小程序】 点击之后会弹出一个二维码我们使用自己的手机扫描二维码 扫描二维码之后在手机上就能看到模拟器上的内容点击手机微信顶部的【…】选择弹出框最右侧的【开发调试】 点击【开发调试】会有一个新的弹框选择弹框中的【打开调试】微信会关闭当前界面然后我们需要重新扫描开发者工具中的二维码 重新扫描二维码之后我们就可以在自己的手机上对小程序进行一些调试工作 如果希望关闭调试同样是点击顶部右侧的【…】在下侧弹出框中选择最右边的【开发调试】在【开发调试】弹框中选择【关闭调试】即可 真机调试点击真机调试之后会弹出一个二维码 用手机微信扫描这个二维码在扫描二维码之后开发者模式中会弹出一个新的【真机调试】窗口如下 我们可以在【真机调试】面板中选择不同的功能获取信息比如 Wxml、Console 等功能其功能和我们上面介绍的一样当我们在真机中发送请求之后在 【Network】部分就能看到我们在真机中发送的请求信息这里主要是为了方便真机调试 预览和真机调试的区别在于真机调试会弹出一个调试器窗口 清缓存微信开发者工具缓存非常严重当我们写好代码后发现模拟器的效果与代码预期不符当点击【编译】刷新之后发现效果还是不一致这时候我们可以选择【清缓存】。但需要注意在点击【清缓存】后模拟器还是没有实现代码预期效果这时候需要点击左侧顶部的【项目】按钮选择【重新打开此项目】然后再观看模拟器是否符合代码预期 参考视频尚硅谷微信小程序开发教程