小程序快速入门到项目开发 4(开发调试方式和真机调试)
你好,【程序职场】专注于:Spring Boot ,微服务 和 前端APP开发,闲暇之余一起聊聊职场规划,个人成长,还能带你一起探索 副业赚钱渠道,在提升技术的同时我们一起交流 敏捷流程 提高工作效率,从技术到管理一步步提升自我!
标签:一个执着的职场程序员!
- 开发调试
开发中调试是很重要的,不管是查找异常或者查找和监听接口 调试都是不二之选,小程序开发过程中,调试是能更好的追踪问题和解决问题的关键,小程序也一样,首先要学会调试代码。
调试可以通过如下步骤操作:
第一步:点击调试器
第二步:点击sources
第三步:在目录中找到需要调试的js文件,打开图中文件
第四步: 在文件中设置断点
将鼠标移到文件最左侧,点击即可设置断点
快捷键ctrl+b进入调试
第五步:点击箭头按钮,继续执行到下一个断点
点击蓝色按钮,跳过断点执行
第六步:查看变量(内容信息)值
方法一: 鼠标放在变量上,即可显示变量值
方法二:在调试器窗口,点开Scope标签,然后再点开相应变量
方法三:使用console.log(options);打印出来,在console窗口可以查看
第七步:接口和接口信息查看
首先在调试器菜单中找到network,选择后里面可以查看调用的接口link
第八步:接口请求参数和头文件说明
点击接口link,可以看到如下:
Headers:请求头文件,包括请求路径,请求方式,请求响应码等等
Preview:数据的树形结构的展示
Response:接口响应结果
Cookies:请求的私有cookies
Timing:请求时间和请求响应时间
- 真机调试
真机调试的作用:
1.用于开发完成后验证真机是否正常
2.开发一些需要在真机上才能开发的功能(例如:拍照)
真机调试需要合法的域名才可以跑到真机上使用,必须是https协议,后台小程序设置后使用
真机调试点击真机调试菜单,扫描二维码进行真机调试
一、在勾选不校验合法域名,HTTPS的情况下在模拟器上http://IP地址是可以请求服务器并成功获取数据,但是真机上调试需要合法的域名才可以访问服务器。
二、真机上需要点击远程调试才可以访问服务器并调试。
三、如果需要生成体验版方便测试,可以点击开发工具上的上传,上传成功后在公众平台-->开发管理-->开发版本生成的体验二维码扫码查看体验版本。
绪苗: 您好,请问拖动条如何在CSS中设置为竖向呢?
圆圆的东柳君: 这个感觉确实不错啊
被忘记的默客: 那你现在工作9年了,现在还好吗
天蓝999: 可以的,我看的另一个网站,自学6个月拿了5个offer,月薪一万三:https://knife.blog.csdn.net/article/details/132667625
天蓝999: 可以的,我看的另一个网站,自学6个月拿了5个offer,月薪一万三:https://knife.blog.csdn.net/article/details/132667625