跳坑日志之微信小程序开发——真机调试背景颜色不显示问题和页面无法下滑问题

如果你也遇到了在真机环境下background-color属性不显示而开发者工具中这个属性显示的情况，不妨去检查一下你的app.json 文件中,renderer 属性值是不是为skyline 。如果是的话，改成webview就行了。

同样的如果你的页面无法下滑，而且你在.json下"设置disableScroll": false 报错(),没错还是这么改也能改过来。

具体这两个值的区别如下：

微信小程序的 app.json 文件中,renderer 属性目前只有两种可能的值:skyline 和 webview。

1. skyline:这是默认的值。表示使用微信自研的高性能渲染引擎 Skyline。Skyline 引擎可以为小程序提供更流畅的页面交互和动画体验。

2. webview:表示使用系统 webview 进行渲染。webview 渲染相比 skyline 会损失一定的性能,但可以获得更好的兼容性。

这两个渲染模式各有优劣。一般建议使用默认的 skyline 模式,这可以获得更好的性能体验。但如果遇到 skyline 模式下的渲染兼容问题,可以尝试切换到 webview 模式。

需要注意的是,这两个模式不能同时使用,必须在 app.json 中二选一。切换模式后需要重新编译运行才能生效。

所以在选择渲染模式时,需要根据实际场景需要进行权衡。追求性能的情况下选择 skyline,追求兼容性的情况下选择 webview。