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