android - Android WebView：处理方向变化

Question

问题是轮换后的性能。WebView 必须重新加载页面，这可能有点乏味。

在不每次都从源重新加载页面的情况下处理方向更改的最佳方法是什么？

Answer 1

如果您不希望 WebView 在方向更改时重新加载，只需在 Activity 类中覆盖 onConfigurationChanged ：

@Override
public void onConfigurationChanged(Configuration newConfig){        
    super.onConfigurationChanged(newConfig);
}

并在清单中设置 android:configChanges 属性：

<activity android:name="..."
          android:label="@string/appName"
          android:configChanges="orientation|screenSize"

有关更多信息，请参阅：http:
//developer.android.com/guide/topics/resources/runtime-changes.html#HandlingTheChange

https://developer.android.com/reference/android/app/Activity.html#ConfigurationChanges

Answer 2

编辑：此方法不再像文档中所述的那样工作

---

原答案：

这可以通过覆盖onSaveInstanceState(Bundle outState)您的活动并从网络视图调用来处理saveState：

   protected void onSaveInstanceState(Bundle outState) {
      webView.saveState(outState);
   }

然后在 webview 重新膨胀之后在你的 onCreate 中恢复它：

public void onCreate(final Bundle savedInstanceState) {
   super.onCreate(savedInstanceState);
   setContentView(R.layout.blah);
   if (savedInstanceState != null)
      ((WebView)findViewById(R.id.webview)).restoreState(savedInstanceState);
}

Answer 3

对此的最佳答案是遵循此处找到的 Android 文档 基本上这将阻止 Webview 重新加载：

<activity android:name=".MyActivity"
      android:configChanges="keyboardHidden|orientation|screenSize|layoutDirection|uiMode"
      android:label="@string/app_name">

编辑（1/4/2020）：您不需要此可选代码，清单属性就是您所需要的，将可选代码留在这里以保持答案完整。

或者，您可以通过覆盖活动来修复异常（如果有）onConfigurationChanged：

@Override
public void onConfigurationChanged(Configuration newConfig) {
    super.onConfigurationChanged(newConfig);

    // Checks the orientation of the screen
    if (newConfig.orientation == Configuration.ORIENTATION_LANDSCAPE) {
        Toast.makeText(this, "landscape", Toast.LENGTH_SHORT).show();
    } else if (newConfig.orientation == Configuration.ORIENTATION_PORTRAIT) {
        Toast.makeText(this, "portrait", Toast.LENGTH_SHORT).show();
    }
}

Answer 4

我试过使用onRetainNonConfigurationInstance（返回WebView），然后在onCreate期间用getLastNonConfigurationInstance取回它并重新分配它。

似乎还没有工作。我不禁认为我真的很亲近！到目前为止，我只是得到一个空白/白色背景的WebView。在这里发帖希望有人可以帮助将这个推过终点线。

也许我不应该通过WebView。也许是WebView中的一个对象？

我尝试的另一种方法 - 不是我最喜欢的 - 是在活动中设置它：

 android:configChanges="keyboardHidden|orientation"

...然后在这里几乎什么都不做：

@Override
public void onConfigurationChanged(Configuration newConfig) {
  super.onConfigurationChanged(newConfig);
  // We do nothing here. We're only handling this to keep orientation
  // or keyboard hiding from causing the WebView activity to restart.
}

这行得通，但它可能不被视为最佳实践。

同时，我还有一个ImageView我想根据旋转自动更新。事实证明这很容易。在我的res文件夹下，我拥有drawable-land并drawable-port保存横向/纵向变化，然后我使用R.drawable.myimagenameImageView的源代码和 Android“做正确的事” - 耶！

...除非您注意配置更改，否则不会。:(

所以我很矛盾。使用onRetainNonConfigurationInstance和ImageView旋转工作，但WebView持久性不...或使用onConfigurationChanged和WebView保持稳定，但ImageView不更新。该怎么办？

最后一点：就我而言，强制定向不是可接受的折衷方案。我们真的很想优雅地支持轮换。有点像 Android 浏览器应用程序的功能！;)

Answer 5

我很感激这有点晚了，但是这是我在开发解决方案时使用的答案：

AndroidManifest.xml

    <activity
        android:name=".WebClient"
        android:configChanges="keyboard|keyboardHidden|orientation|screenSize" <--- "screenSize" important
        android:label="@string/title_activity_web_client" >
    </activity>

WebClient.java

public class WebClient extends Activity {

    protected FrameLayout webViewPlaceholder;
    protected WebView webView;

    private String WEBCLIENT_URL;
    private String WEBCLIENT_TITLE;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_web_client);
        initUI();
    }

    @SuppressLint("SetJavaScriptEnabled")
    protected void initUI(){
        // Retrieve UI elements
        webViewPlaceholder = ((FrameLayout)findViewById(R.id.webViewPlaceholder));

        // Initialize the WebView if necessary
        if (webView == null)
        {
            // Create the webview
            webView = new WebView(this);
            webView.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.FILL_PARENT));
            webView.getSettings().setSupportZoom(true);
            webView.getSettings().setBuiltInZoomControls(true);
            webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
            webView.setScrollbarFadingEnabled(true);
            webView.getSettings().setJavaScriptEnabled(true);
            webView.getSettings().setPluginState(android.webkit.WebSettings.PluginState.ON);
            webView.getSettings().setLoadsImagesAutomatically(true);

            // Load the URLs inside the WebView, not in the external web browser
            webView.setWebViewClient(new SetWebClient());
            webView.setWebChromeClient(new WebChromeClient());

            // Load a page
            webView.loadUrl(WEBCLIENT_URL);
        }

        // Attach the WebView to its placeholder
        webViewPlaceholder.addView(webView);
    }

    private class SetWebClient extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.web_client, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }else if(id == android.R.id.home){
            finish();
            return true;
        }

        return super.onOptionsItemSelected(item);
    }

    @Override
    public void onBackPressed() {
        if (webView.canGoBack()) {
            webView.goBack();
            return;
        }

        // Otherwise defer to system default behavior.
        super.onBackPressed();
    }

    @Override
    public void onConfigurationChanged(Configuration newConfig){
        if (webView != null){
            // Remove the WebView from the old placeholder
            webViewPlaceholder.removeView(webView);
        }

        super.onConfigurationChanged(newConfig);

        // Load the layout resource for the new configuration
        setContentView(R.layout.activity_web_client);

        // Reinitialize the UI
        initUI();
    }

    @Override
    protected void onSaveInstanceState(Bundle outState){
        super.onSaveInstanceState(outState);

        // Save the state of the WebView
        webView.saveState(outState);
    }

    @Override
    protected void onRestoreInstanceState(Bundle savedInstanceState){
        super.onRestoreInstanceState(savedInstanceState);

        // Restore the state of the WebView
        webView.restoreState(savedInstanceState);
    }

}

Answer 6

处理方向更改和防止 WebView 在旋转时重新加载的最佳方法。

@Override
public void onConfigurationChanged(Configuration newConfig){
super.onConfigurationChanged(newConfig);
}

考虑到这一点，为了防止每次更改方向时都调用 onCreate() ，您必须添加android:configChanges="orientation|screenSize" to the AndroidManifest.

要不就 ..

android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|screenSize|smallestScreenSize"`

Answer 7

一种折衷方案是避免轮换。添加此项以仅修复纵向方向的活动。

android:screenOrientation="portrait"

Answer 8

只需在您的清单文件中编写以下代码行 - 仅此而已。真的行：

<activity android:name=".YourActivity"
  android:configChanges="orientation|screenSize"
  android:label="@string/application_name">

Answer 9

您可以尝试在您的 Activity 上使用onSaveInstanceState()和onRestoreInstanceState()来调用您saveState(...)的restoreState(...)WebView 实例。

Answer 10

现在是 2015 年，许多人正在寻找一种仍然适用于 Jellybean、KK 和 Lollipop 手机的解决方案。经过一番挣扎后，我找到了一种在更改方向后保持 webview 完好无损的方法。我的策略基本上是将 webview 存储在另一个类的单独静态变量中。然后，如果发生旋转，我将 webview 从 Activity 中分离出来，等待方向完成，然后将 webview 重新附加到 Activity。例如......首先把它放在你的清单上（keyboardHidden 和键盘是可选的）：

<application
        android:label="@string/app_name"
        android:theme="@style/AppTheme"
        android:name="com.myapp.abc.app">

    <activity
            android:name=".myRotatingActivity"
            android:configChanges="keyboard|keyboardHidden|orientation">
    </activity>

在单独的应用程序类中，输入：

     public class app extends Application {
            public static WebView webview;
            public static FrameLayout webviewPlaceholder;//will hold the webview

         @Override
               public void onCreate() {
                   super.onCreate();
    //dont forget to put this on the manifest in order for this onCreate method to fire when the app starts: android:name="com.myapp.abc.app"
                   setFirstLaunch("true");
           }

       public static String isFirstLaunch(Context appContext, String s) {
           try {
          SharedPreferences prefs = PreferenceManager.getDefaultSharedPreferences(appContext);
          return prefs.getString("booting", "false");
          }catch (Exception e) {
             return "false";
          }
        }

    public static void setFirstLaunch(Context aContext,String s) {
       SharedPreferences prefs = PreferenceManager.getDefaultSharedPreferences(aContext);
            SharedPreferences.Editor editor = prefs.edit();
            editor.putString("booting", s);
            editor.commit();
           }
        }

在活动中放：

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        if(app.isFirstLaunch.equals("true"))) {
            app.setFirstLaunch("false");
            app.webview = new WebView(thisActivity);
            initWebUI("www.mypage.url");
        }
}
@Override
    public  void onRestoreInstanceState(Bundle savedInstanceState) {
        restoreWebview();
    }

public void restoreWebview(){
        app.webviewPlaceholder = (FrameLayout)thisActivity.findViewById(R.id.webviewplaceholder);
        if(app.webviewPlaceholder.getParent()!=null&&((ViewGroup)app.webview.getParent())!=null) {
            ((ViewGroup) app.webview.getParent()).removeView(app.webview);
        }
        RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.FILL_PARENT, RelativeLayout.LayoutParams.FILL_PARENT);
        app.webview.setLayoutParams(params);
        app.webviewPlaceholder.addView(app.webview);
        app.needToRestoreWebview=false;
    }

protected static void initWebUI(String url){
        if(app.webviewPlaceholder==null);
          app.webviewPlaceholder = (FrameLayout)thisActivity.findViewById(R.id.webviewplaceholder);
        app.webview.getSettings().setJavaScriptEnabled(true);       app.webview.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
        app.webview.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.FILL_PARENT));
        app.webview.getSettings().setSupportZoom(false);
        app.webview.getSettings().setBuiltInZoomControls(true);
        app.webview.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
        app.webview.setScrollbarFadingEnabled(true);
        app.webview.getSettings().setLoadsImagesAutomatically(true);
        app.webview.loadUrl(url);
        app.webview.setWebViewClient(new WebViewClient());
        if((app.webview.getParent()!=null)){//&&(app.getBooting(thisActivity).equals("true"))) {
            ((ViewGroup) app.webview.getParent()).removeView(app.webview);
        }
        app.webviewPlaceholder.addView(app.webview);
    }

最后，简单的 XML：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".myRotatingActivity">
    <FrameLayout
        android:id="@+id/webviewplaceholder"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
</RelativeLayout>

在我的解决方案中有几件事可以改进，但我已经花了很多时间，例如：一种更短的方法来验证 Activity 是否是第一次启动，而不是使用 SharedPreferences 存储。这种方法可以使您的 webview 保持完整（afaik），它的文本框、标签、UI、javascript 变量和导航状态不会被 url 反映。

Answer 11

更新：当前的策略是将 WebView 实例移动到 Application 类，而不是像 Josh 那样在分离和重新附加到恢复时保留片段。为了防止应用程序关闭，您应该使用前台服务，如果您想在用户在应用程序之间切换时保留状态。

如果您正在使用片段，则可以使用 WebView 的保留实例。Web 视图将保留为该类的实例成员。但是，您应该在 OnCreateView 中附加 Web 视图并在 OnDestroyView 之前分离，以防止它被父容器破坏。

class MyFragment extends Fragment{  

    public MyFragment(){  setRetainInstance(true); }

    private WebView webView;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
       View v = ....
       LinearLayout ll = (LinearLayout)v.findViewById(...);
       if (webView == null) {
            webView = new WebView(getActivity().getApplicationContext()); 
       }
       ll.removeAllViews();
       ll.addView(webView, new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));

       return v;
    }

    @Override
    public void onDestroyView() {
        if (getRetainInstance() && webView.getParent() instanceof ViewGroup) {
           ((ViewGroup) webView.getParent()).removeView(webView);
        }
        super.onDestroyView();
    } 
}

PS Credits go to kcoppock answer

至于 'SaveState()' 它不再根据官方文档工作：

请注意，此方法不再存储此 WebView 的显示数据。如果从不调用 restoreState(Bundle)，则先前的行为可能会泄漏文件。

Answer 12

您唯一应该做的就是将此代码添加到清单文件中：

<activity android:name=".YourActivity"
      android:configChanges="orientation|screenSize"
      android:label="@string/application_name">

Answer 13

@Override
protected void onSaveInstanceState(Bundle outState) {
    super.onSaveInstanceState(outState);    
}

@Override
protected void onRestoreInstanceState(Bundle state) {
    super.onRestoreInstanceState(state);    
}

这些方法可以在任何活动上被覆盖，它基本上允许您在每次创建/销毁活动时保存和恢复值，当屏幕方向更改时，活动被销毁并在后台重新创建，因此您可以使用这些方法在更改期间临时存储/恢复状态。

您应该更深入地研究以下两种方法，看看它是否适合您的解决方案。

http://developer.android.com/reference/android/app/Activity.html

Answer 14

这是唯一对我有用的东西（我什至使用了保存实例状态，onCreateView但它并不可靠）。

public class WebViewFragment extends Fragment
{
    private enum WebViewStateHolder
    {
        INSTANCE;

        private Bundle bundle;

        public void saveWebViewState(WebView webView)
        {
            bundle = new Bundle();
            webView.saveState(bundle);
        }

        public Bundle getBundle()
        {
            return bundle;
        }
    }

    @Override
    public void onPause()
    {
        WebViewStateHolder.INSTANCE.saveWebViewState(myWebView);
        super.onPause();
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState)
    {
        View rootView = inflater.inflate(R.layout.fragment_main, container, false); 
        ButterKnife.inject(this, rootView);
        if(WebViewStateHolder.INSTANCE.getBundle() == null)
        {
            StringBuilder stringBuilder = new StringBuilder();
            BufferedReader br = null;
            try
            {
                br = new BufferedReader(new InputStreamReader(getActivity().getAssets().open("start.html")));

                String line = null;
                while((line = br.readLine()) != null)
                {
                    stringBuilder.append(line);
                }
            }
            catch(IOException e)
            {
                Log.d(getClass().getName(), "Failed reading HTML.", e);
            }
            finally
            {
                if(br != null)
                {
                    try
                    {
                        br.close();
                    }
                    catch(IOException e)
                    {
                        Log.d(getClass().getName(), "Kappa", e);
                    }
                }
            }
            myWebView
                .loadDataWithBaseURL("file:///android_asset/", stringBuilder.toString(), "text/html", "utf-8", null);
        }
        else
        {
            myWebView.restoreState(WebViewStateHolder.INSTANCE.getBundle());
        }
        return rootView;
    }
}

我为 WebView 的状态制作了一个单例持有者。只要应用程序的进程存在，状态就会被保留。

编辑：这loadDataWithBaseURL不是必需的，它与just一样好用

    //in onCreate() for Activity, or in onCreateView() for Fragment

    if(WebViewStateHolder.INSTANCE.getBundle() == null) {
        webView.loadUrl("file:///android_asset/html/merged.html");
    } else {
        webView.restoreState(WebViewStateHolder.INSTANCE.getBundle());
    }

虽然我读到这不一定适用于 cookie。

Answer 15

我发现在不泄漏先前Activity参考且不设置configChanges.. 的情况下执行此操作的最佳解决方案是使用MutableContextWrapper。

我在这里实现了这个：https ://github.com/slightfoot/android-web-wrapper/blob/48cb3c48c457d889fc16b4e3eba1c9e925f42cfb/WebWrapper/src/com/example/webwrapper/BrowserActivity.java

Answer 16

尝试这个

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {

    private WebView wv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        wv = (WebView) findViewById(R.id.webView);
        String url = "https://www.google.ps/";

        if (savedInstanceState != null)
            wv.restoreState(savedInstanceState);
        else {
            wv.setWebViewClient(new MyBrowser());
            wv.getSettings().setLoadsImagesAutomatically(true);
            wv.getSettings().setJavaScriptEnabled(true);
            wv.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
            wv.loadUrl(url);
        }
    }

    @Override
    protected void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        wv.saveState(outState);
    }

    @Override
    public void onBackPressed() {
        if (wv.canGoBack())
            wv.goBack();
        else
            super.onBackPressed();
    }

    private class MyBrowser extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    }

}

Answer 17

此页面解决了我的问题，但我必须在最初的页面中稍作更改：

    protected void onSaveInstanceState(Bundle outState) {
       webView.saveState(outState);
       }

这部分对我来说有一个小问题。在第二个方向更改应用程序以空指针终止

使用它对我有用：

    @Override
protected void onSaveInstanceState(Bundle outState ){
    ((WebView) findViewById(R.id.webview)).saveState(outState);
}

Answer 18

你应该试试这个：

1. 创建一个服务，在该服务内部，创建您的 WebView。
2. 从您的活动启动服务并绑定到它。
3. 在onServiceConnected方法中，获取 WebView 并调用该setContentView方法来呈现您的 WebView。

我对其进行了测试，它可以工作，但不能与 XWalkView 或 GeckoView 等其他 WebView 一起使用。

Answer 19

@Override
    protected void onSaveInstanceState(Bundle outState )
    {
        super.onSaveInstanceState(outState);
        webView.saveState(outState);
    }

    @Override
    protected void onRestoreInstanceState(Bundle savedInstanceState)
    {
        super.onRestoreInstanceState(savedInstanceState);
        webView.restoreState(savedInstanceState);
    }

Answer 20

我喜欢这个解决方案http://www.devahead.com/blog/2012/01/preserving-the-state-of-an-android-webview-on-screen-orientation-change/

根据它，我们重用了相同的 WebView 实例。它允许在配置更改时保存导航历史记录和滚动位置。