Offline Page Caching

Enable complete offline page access with Offline Page Caching. Nativine embeds native URLScheme / ServiceWorker offline caching engines, storing HTML, CSS, JavaScript, and images locally so your web application runs seamlessly without active internet connections.

1. Overview & Native Capabilities

Maintaining app usability during network dropouts is essential. Nativine's Offline Page Caching plugin intercept web requests at the native network layer, serving cached assets instantly:

• Native Pre-Caching: Pre-download specified web routes and media files during app installation or background sync.
• Offline Fallback Page: Display a customizable, high-fidelity native offline screen when un-cached web routes are requested offline.
• Automatic Network Re-Sync: Automatically re-sync offline form submissions and analytics when internet connectivity is restored.

2. No-Code App Builder Setup Guide

Nativine App Builder Configuration

1. Open the Nativine App Builder at /web-to-app-converter-pro.
2. Click Add-ons & Plugins in the left builder menu and locate Offline Page Caching.
3. Toggle Offline Page Caching to ON (or click Enable), then click Config.
4. Configure your required settings, permissions descriptors, or target web parameters.
5. Click Save Config and navigate to the Builds tab to compile your mobile application.

3. Native JS Bridge API Reference

To inspect network connectivity state or trigger cache clearing in JavaScript, call nativine.offlineCache.getNetworkStatus():

// Check current network status
nativine.offlineCache.getNetworkStatus({
  callback: 'onNetworkStatusChanged'
});

function onNetworkStatusChanged(status) {
  console.log("Is Connected:", status.isConnected);
  console.log("Connection Type:", status.connectionType); // wifi, cellular, none
}

// Clear offline cache storage
nativine.offlineCache.clearCache();

Parameters

4. Frequently Asked Questions (Q&A)