如何在Cordova中启用CrossWalkWebView缓存？附已操作咨询

Hey there! Let's clear up the confusion and get your CrossWalkWebView caching working properly.

First, Let's Fix Your Misstep #

You mentioned adding a separate caching plugin to Cordova—this is unnecessary and might even cause conflicts. CrossWalkWebView has built-in support for web caching out of the box, just like the system WebView. Third-party caching plugins are redundant here and could interfere with CrossWalk's native caching mechanisms. You can safely remove that extra plugin if you haven't already.

Correct Ways to Enable CrossWalkWebView Caching #

There are two main approaches to control caching for CrossWalkWebView in your Cordova app:

1. Configure via config.xml (Global Setting)

You can set a global caching mode directly in your Cordova project's config.xml file using CrossWalk-specific preferences. Add one of these lines inside the <widget> tag:

<!-- Use default caching behavior (follows HTTP Cache-Control headers) -->
<preference name="CrossWalkCacheMode" value="DEFAULT" />

<!-- Load from cache if available, otherwise fetch from network -->
<preference name="CrossWalkCacheMode" value="LOAD_CACHE_ELSE_NETWORK" />

<!-- Always load from network, skip cache -->
<preference name="CrossWalkCacheMode" value="LOAD_NO_CACHE" />

<!-- Load only from cache, fail if no cached content exists -->
<preference name="CrossWalkCacheMode" value="LOAD_CACHE_ONLY" />

The most common choice for enabling caching is LOAD_CACHE_ELSE_NETWORK—it prioritizes cached content but falls back to the network when needed.

2. Control Caching via Web Content (Per-Resource)

For more granular control, you can set caching rules directly in your web app's code or via HTTP response headers:

• HTTP Cache-Control Headers: Ensure your server sends appropriate Cache-Control headers (e.g., Cache-Control: max-age=3600 to cache resources for 1 hour). CrossWalkWebView will respect these headers automatically.
• HTML5 Application Cache: Use a manifest file to specify which resources should be cached offline. Add this to your HTML tag:

  <html manifest="appcache.manifest">
  

  Then create the appcache.manifest file with your cached resources list.
• LocalStorage/IndexedDB: For storing structured data (like user preferences), use HTML5 storage APIs—CrossWalk fully supports these.

Quick Troubleshooting Tip #

If caching still isn't working, double-check that you're using a recent version of the CrossWalkWebView plugin. Older versions might have limited configuration options. You can update the plugin with this command:

cordova plugin update cordova-plugin-crosswalk-webview

内容的提问来源于stack exchange，提问作者Sanjay