小程序快速入门到项目开发 4（开发调试方式和真机调试）

你好，【程序职场】专注于：Spring Boot ，微服务 和 前端APP开发，闲暇之余一起聊聊职场规划，个人成长，还能带你一起探索 副业赚钱渠道，在提升技术的同时我们一起交流 敏捷流程 提高工作效率，从技术到管理一步步提升自我！
 
标签：一个执着的职场程序员！

1. 开发调试

开发中调试是很重要的，不管是查找异常或者查找和监听接口 调试都是不二之选，小程序开发过程中，调试是能更好的追踪问题和解决问题的关键，小程序也一样，首先要学会调试代码。

调试可以通过如下步骤操作：
第一步：点击调试器

 

第二步：点击sources

 

第三步：在目录中找到需要调试的js文件，打开图中文件

 

第四步： 在文件中设置断点 
将鼠标移到文件最左侧，点击即可设置断点

 快捷键ctrl+b进入调试

第五步：点击箭头按钮，继续执行到下一个断点

点击蓝色按钮，跳过断点执行

第六步：查看变量（内容信息）值

方法一： 鼠标放在变量上，即可显示变量值

方法二：在调试器窗口，点开Scope标签，然后再点开相应变量

方法三：使用console.log(options);打印出来，在console窗口可以查看

 

第七步：接口和接口信息查看
首先在调试器菜单中找到network，选择后里面可以查看调用的接口link

第八步：接口请求参数和头文件说明

点击接口link，可以看到如下：

Headers：请求头文件，包括请求路径，请求方式，请求响应码等等

Preview：数据的树形结构的展示

Response：接口响应结果

Cookies：请求的私有cookies

Timing：请求时间和请求响应时间

 

1. 真机调试
   真机调试的作用：

1.用于开发完成后验证真机是否正常

2.开发一些需要在真机上才能开发的功能（例如：拍照）

真机调试需要合法的域名才可以跑到真机上使用，必须是https协议，后台小程序设置后使用

 

真机调试点击真机调试菜单，扫描二维码进行真机调试

一、在勾选不校验合法域名，HTTPS的情况下在模拟器上http：//IP地址是可以请求服务器并成功获取数据，但是真机上调试需要合法的域名才可以访问服务器。

 

二、真机上需要点击远程调试才可以访问服务器并调试。

 

三、如果需要生成体验版方便测试，可以点击开发工具上的上传，上传成功后在公众平台-->开发管理-->开发版本生成的体验二维码扫码查看体验版本。