1.6 微信小程序开发工具特别关注点
1.6.1 真机调试功能
使用“预览”功能只能查看微信小程序的显示效果,即便是真机预览,也只能解决视图层面的显示问题。如果需要调试逻辑程序,就需要使用“真机调试”功能,如图1-18所示。

图1-18
与“预览”功能相似,“真机调试”功能提供了“二维码真机调试”与“自动真机调试”两个选项,如图1-19、图1-20所示。
采用自动真机调试时,手机端看到的效果如图1-21所示。此时,微信小程序开发工具将弹出一个对话框,如图1-22所示。

图1-19

图1-20

图1-21

图1-22
对于视图层调试,当鼠标指向某个view命令行时,手机端会提示对应的显示效果,如图1-23、图1-24所示。

图1-23

图1-24
对于逻辑层调试,可以直接修改微信小程序中的变量,此时手机端将显示修改后的效果,如图1-25、图1-26所示。

图1-25

图1-26