uniapp 给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平台。

相关问题

uniapp 使用webview 加载live-pusher 打开摄像头 并生成全部代码

UniApp 中使用 WebView 加载 LivePusher 并打开摄像头的代码如下：

<template>
  <view>
    <web-view :src="webviewUrl"></web-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      webviewUrl: 'https://your-website.com/live-pusher',
    };
  },
};
</script>

在上面的代码中，我们通过 `<web-view>` 组件来加载 LivePusher 的网页内容。你需要将 `webviewUrl` 的值替换为你实际 LivePusher 网页的 URL。

请注意，这只是一个简单的示例代码，具体的实现和功能要根据 LivePusher 的使用文档和要求进行调整和修改。同时，确保在 WebView 中加载的网页内容能够正常打开并使用摄像头功能。

uniapp用webview写入配置缓存

在uniapp中使用webview写入配置缓存的方法如下所示：

首先，你需要在uniapp的webview组件中设置一些函数。你可以使用以下代码来设置webview的配置：

mWebView = (WebView) this.findViewById(R.id.webview);
WebSettings settings = mWebView.getSettings();
settings.setJavaScriptEnabled(true);
settings.setDomStorageEnabled(true);
mWebView.getSettings().setAppCacheMaxSize(1024*1024*8);
String appCachePath = getApplicationContext().getCacheDir().getAbsolutePath();
mWebView.getSettings().setAppCachePath(appCachePath);
mWebView.getSettings().setAllowFileAccess(true);
mWebView.getSettings().setAppCacheEnabled(true);

这些设置将启用JavaScript，并开启本地缓存以供JS调用。

接下来，你可以在webview的onPageFinished方法中写入配置缓存。你可以使用以下代码来实现：

private boolean inWrited = false;
webView.setWebViewClient(new WebViewClient(){
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        if(!inWrited){
            setData(webView);
            inWrited = true;
        }
    }
});

private void setData(WebView mWebView) {
    //拼接 JavaScript 代码
    String key= "userInfo";
    User user = new User();
    user.setName("Vicent");
    user.setPhone(18888886666);
    String value = new Gson().toJson(user);
    String js = "window.localStorage.setItem('"+key+"','" + value + "');";
    String jsUrl = "javascript:(function(){ var localStorage = window.localStorage; localStorage.setItem('"+key+"','" + value + "') })()";

    //根据不同版本，使用不同的 API 执行 Js
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        mWebView.evaluateJavascript(js, null);
    } else {
        mWebView.loadUrl(jsUrl);
        mWebView.reload();
    }
}

在setData方法中，我们使用JavaScript代码将配置数据写入localStorage。然后，根据不同的Android版本，使用不同的API来执行JavaScript代码。

这样，你就可以在uniapp中使用webview写入配置缓存了。希望对你有所帮助！
#### 引用[.reference_title]
- *1* *3* [WebView写入数据到 localStorage总结](https://blog.csdn.net/Vicent_9920/article/details/77281727)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [uniapp通过webview调用H5页面](https://blog.csdn.net/qq_43344133/article/details/106871461)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]