关于微信小程序开发者工具的一些小知识

1、编译模式

a、普通编译模式：根据在app.json中的配置，来运行小程序。app.json中哪个页面路径配置在最上面，打开的就是哪个页面。 image.png
b、单页编译模式：根据你所添加的编译模式的地址来运行。显示的即是配置的那个页面。例如： image.png 点击编译模式的下拉按钮，选择添加编译模式 image.png
如果页面需要传参，可以在启动参数中设置 image.png
这样就可以单独调试你想编辑的页面了。
2、调试

点击调试器即可打开调试器，绿色即为打开状态。

image.png
调试器在浏览器调试器的基础上新增了AppData，可以在里面看到对应页面的js文件的data数据变化。
image.png
3、版本管理
在版本管理里可以进行一些git操作。
image.png
4、预览
预览功能可以用手机扫描生成的二维码，在手机上查看小程序。但手机上的操作，预览模式下微信开发者工具不会做出相应的响应，网络请求也不会生效。

5、真机调试
真机调试也是用手机扫描生成的二维码，在手机上查看小程序，扫描后微信开发者工具会打开一个新的调试器，与手机操作对应，相应的网络请求也会生效。例如验证input框的bindconfirm事件
6、关于选不中搜索框的问题

可以先打开调试器点击 image.png 再选中搜索框，然后取消 image.png 就成功的把光标定位到input框里啦。