在微信开发者工具的模拟器显示的小程序，经常会跟真实运行的小程序有一定的区别。所以我们在开发到一定程度的时候，可以使用预览或者真机调试功能。预览可以测试小程序在真实的环境里运行的样子，真机调试可以帮我们调试微信小程序。

现在我的屏幕左边这里显示的是一台真实手机的屏幕，点一下开发者工具上面的 预览，会把小程序上传到微信的服务器，然后生成一个二维码，用我们小程序的开发者帐户登录的微信，扫描一下这个二维码。 这样就可以在微信里打开我们开发的这个小程序了。

这里你看到的就是小程序在真实的设备上运行的样子。 你也可以使用自动预览，这样就不用扫码了，会自动在开发者的微信里打开这个小程序。

再试一下 真机调试，同样会显示一个二维码，这里我们用一下 自动真机调试，这样就会在开发者的微信里打开这个小程序，同时会在电脑上显示一个调试的窗口。

你可以在这个窗口里检查或者修改小程序里的一些东西。这样你可以实时的看到修改之后的样子。