cordova-plugin-wkwebview-engine返回子页面重载首页及视图复用问题咨询

First off, this is not expected behavior — Safari using WKWebView retains page state and scroll position when navigating back, so your app should behave the same way. Let's break down solutions to your questions:

1. How to Stop the Home Page from Reloading & Preserve Scroll Position? #

The core issue here is likely that your subpage navigation is spawning a new WKWebView instance instead of reusing the existing one, which unloads the home page entirely. Here's how to fix it:

• Fix your navigation method:
  • If you're using <a> tags, add target="_self" explicitly. Without this, some setups default to _blank, which creates a new WebView and dumps the home page's state. Example:

    <a href="subpage.html" target="_self">Go to Subpage</a>
    

  • Ditch window.open() for internal navigation — use location.href = "subpage.html" instead, which navigates within the same WebView instance.
• Tweak your Cordova config:
  • In config.xml, enforce WKWebView-only behavior and enable native back/forward gestures with these settings:

    <preference name="WKWebViewOnly" value="true" />
    <preference name="AllowBackForwardNavigationGestures" value="true" />
    

• Optimize home page performance:
  • The 4-second lag might stem from heavy DOM rendering during reload. Try lazy-loading non-critical content, trimming unnecessary DOM nodes, or cleaning up unused event listeners to avoid memory leaks that slow down page restoration.

2. Can All Pages Load in the Same View? #

Absolutely! This is the key to fixing the reload and state-loss issues. Here's how to ensure all pages share the same WKWebView:

• Stick to same-instance navigation:
  • Use location.href or history.pushState (for SPA-style navigation) instead of any method that creates new windows. This keeps all pages within the original WebView context.
• Consider a Single-Page App (SPA) structure:
  • If your app allows, refactor it into an SPA with frameworks like Vue or React. SPAs handle all routing client-side, so the WebView never reloads — it just updates the DOM, preserving scroll position and state perfectly.
• Avoid cross-domain jumps (for local files):
  • Make sure all your pages live under the same file:/// local path (within your app) or the same remote domain. Cross-domain navigation can sometimes trigger new WebView instances in Cordova.

Quick Debug Tip #

Use Safari's Web Inspector to diagnose the issue:

• Open Safari > Develop > [Your Device] > [Your App]
• Check the Network tab to confirm if the home page is actually being reloaded when you navigate back. This will verify if the problem is due to WebView reuse or another underlying issue.

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