uniapp 给webview加入缓存,不用每次打开都重新加载
时间: 2023-08-02 18:17:29 浏览: 2887
完美解决客户端webview持有的页面缓存,不会立即释放的问题
可以使用uni-app自带的uni-app-cache模块来实现webview缓存的功能。
在uni-app项目中,可以通过以下步骤来使用uni-app-cache模块:
1. 在manifest.json文件中添加uni-app-cache模块的依赖:
```
{
"uni-app-cache": {
"version": "^1.0.0",
"provider": "uni-app-cache"
}
}
```
2. 在需要使用缓存的页面中,引入uni-app-cache模块:
```
import uniCache from '@/uni_modules/uni-app-cache/js_sdk/uni-app-cache.js'
```
3. 在webview的onLoad生命周期函数中,使用uni-app-cache模块的load方法来加载缓存:
```
onLoad() {
uniCache.load(this, () => {
// 缓存加载完成后的回调函数
})
}
```
4. 在webview的onUnload生命周期函数中,使用uni-app-cache模块的save方法来保存缓存:
```
onUnload() {
uniCache.save(this)
}
```
通过以上步骤,就可以实现webview的缓存功能了。需要注意的是,uni-app-cache模块只能用于uni-app项目中,且只支持H5平台。
阅读全文