微信小程序之（web-view）踩坑记录

公司新作项目需要在之前的小程序里面加一个模块，上面要求用小程序嵌套h5的方式去搞，在使用web-view的时候，嵌入页面貌似没有任何问题，传递数据到h5也貌似没有问题，看着很完美，可是在使用的时候坑一个接一个的。

坑一：头部返回按钮的不显示

坑二：页面不会保留

坑三：Android上传页面回退首页。。。

小小一个功能坑实在是太多了，上微信公众平台看了下大家遇到过类似的问题，但是官方比你高没有给出合理的结觉方案，下面开始小编的填坑之路。

坑一：原先想着是在H5页面中写一个头部，加入返回按钮，但是这样的话  就需要在每一个页面里面都需要加入这个头部，无形中加大了工作量，本心是很不愿意的，至于最后的解决方案，后面再说。

坑二：页面不会保留，思路是 想着在还中做路由缓存，即每次跳转都记录下当前路由，当下次进来的时候，直接跳转到之前保留的路由就可以，这个方案看着没什么问题，但是致命的问题是有的时候你并不知道首页需不需要缓存【刷新、黑屏再打开】，所以这方案欠佳。

坑三：因为真个H5使用的是antd-mobile组件库，原先以为是他自身组件的问题，后面单独调试了下H5的上传，没有问题，后面以为是文件太大了 或者是上送的方式【base64】不同，后面经过测试，并不是这些问题，还是因为页面不保留的问题。

最终填坑方案：web-view嵌套 

 即首页一个web-view，下面所有子页面都会是拎一个web-view，这样话  上述的3个问题都可以解决了。大家可以试试  有问题可以留言，咋们一起交流交流。