如何防止Android WebView旋转时重载并保留页面数据

我太懂这种糟心的情况了——用户正在操作动态页面，一转屏幕就要从头再来，体验简直拉胯！你提到用了onSaveInstanceState和onRestoreInstanceState没生效，大概率是没踩对几个关键的点，我给你捋一捋靠谱的解决方案：

第一步：先阻止Activity旋转时重建（最关键的一步） #

默认情况下，Android屏幕旋转会销毁当前Activity然后重建，这时候哪怕你保存了WebView状态，也可能因为整个页面重建而失效。先在AndroidManifest.xml里给你的WebView所在Activity加上配置：

<activity
    android:name=".你的WebViewActivity"
    android:configChanges="orientation|screenSize|screenLayout"
    android:windowSoftInputMode="adjustResize">
    <!-- 其他原有配置 -->
</activity>

加了configChanges之后，旋转时Activity不会销毁重建，只会触发onConfigurationChanged方法，WebView本身也会保留下来，这能解决大部分问题。

第二步：正确保存/恢复WebView状态（兜底方案） #

如果因为某些场景必须允许Activity重建（比如多语言切换同时旋转），那就要确保状态保存恢复的流程正确：

1. 开启DOM存储（保存页面动态数据） #

WebView加载动态页面时，表单输入、JS状态这些都存在DOM里，必须开启DOM存储才能保留：

WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
webSettings.setDomStorageEnabled(true); // 这行一定要加！
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); // 可选，提升加载速度

2. 正确实现状态保存与恢复 #

别只写webView.saveState()就完事，要确保调用时机和顺序正确：

@Override
protected void onSaveInstanceState(Bundle outState) {
    super.onSaveInstanceState(outState);
    // 先调用父类方法，再保存WebView状态
    webView.saveState(outState);
}

@Override
protected void onRestoreInstanceState(Bundle savedInstanceState) {
    super.onRestoreInstanceState(savedInstanceState);
    // 先初始化WebView（比如findViewById或者动态创建），再恢复状态
    webView.restoreState(savedInstanceState);
}

另外，在onCreate里也要判断一下，避免重复加载页面：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_webview);
    
    webView = findViewById(R.id.webView);
    // 先初始化WebSettings（刚才的配置代码）
    
    if (savedInstanceState != null) {
        // 有保存的状态，直接恢复
        webView.restoreState(savedInstanceState);
    } else {
        // 首次启动，加载页面
        webView.loadUrl("你的动态内容地址");
    }
}

第三步：避开那些容易踩的坑 #

• 不要动态创建WebView后直接恢复状态：如果是代码里new出来的WebView，一定要先把它添加到布局里，再调用restoreState，不然状态恢复会无效。
• 别在onPause里乱调用destroy：有些开发者会在onPause里调用webView.destroy()，这会直接清空WebView的所有状态，千万别做这事！
• 页面自身的状态备份：如果页面有复杂的JS交互，最好让前端同事配合用localStorage保存关键数据，这样哪怕WebView真的重建，页面也能自己恢复状态。

要是按上面的步骤来，基本就能解决旋转时页面重置的问题了。

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