如果在 WebView 中按下后退按钮，如何返回上一页？答案

【问题标题】：How to go back to previous page if back button is pressed in WebView?如果在 WebView 中按下后退按钮，如何返回上一页？
【发布时间】：2011-08-29 22:43:47
【问题描述】：

我有一个应用程序，其中有一个WebView，我在其中显示一些网站。它可以工作，单击网页中的链接会转到我的应用程序内网站的下一页。但是当我点击手机的后退按钮时，它会直接进入我的应用程序。我想返回网站的上一页。我该怎么做？

这是我正在使用的代码示例：

public class Webdisplay extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);

        this.getWindow().requestFeature(Window.FEATURE_PROGRESS);
        setContentView(R.layout.webdisplay);

        getWindow().setFeatureInt(Window.FEATURE_PROGRESS,
                Window.PROGRESS_VISIBILITY_ON); 

        Toast loadingmess = Toast.makeText(this,
                "Cargando El Diario de Hoy", Toast.LENGTH_SHORT);
        loadingmess.show();

        WebView myWebView;

        myWebView = (WebView) findViewById(R.id.webview);
        myWebView.getSettings().setJavaScriptEnabled(true);
        myWebView.loadUrl("http://www.elsalvador.com");
        myWebView.setWebViewClient(new WebViewClient());
        myWebView.setInitialScale(1);
        myWebView.getSettings().setBuiltInZoomControls(true);
        myWebView.getSettings().setUseWideViewPort(true);

        final Activity MyActivity = this;
        myWebView.setWebChromeClient(new WebChromeClient() 
        {
            public void onProgressChanged(WebView view, int progress)   
            {
                MyActivity.setTitle("Loading...");
                MyActivity.setProgress(progress * 100); 

                if(progress == 100)
                    MyActivity.setTitle(R.string.app_name);
            }
        });
    }
}

【问题讨论】：

xwalkview 参考How to use back button to go back with XWalkView of CrossWalk, or disable it?

标签： android android-webview

【解决方案1】：

我在使用 WebViews 的活动中使用了类似的东西：

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
    if (event.getAction() == KeyEvent.ACTION_DOWN) {
        switch (keyCode) {
            case KeyEvent.KEYCODE_BACK:
                if (mWebView.canGoBack()) {
                    mWebView.goBack();
                } else {
                    finish();
                }
                return true;
        }

    }
    return super.onKeyDown(keyCode, event);
}

编辑：

要使此代码正常工作，您需要向包含 WebView 的 Activity 添加一个字段：

private WebView mWebView;

在onCreate() 方法中初始化它，你应该很高兴。

mWebView = (WebView) findViewById(R.id.webView);

【讨论】：

我应该放置那个代码吗？在我所有的代码下？或者就在 loasUrl 下，就像 builtinZoom 一样？
你可以把它放在你的活动中，但在 onCreate() 方法之外。
当我放置你的代码时，它给了我一个 mWebView 变量的错误，因为它不在 oncreate 中，我应该把那个变量放在哪里？
而不是finish()把return super.onKeyDown(keyCode, event)
或者实际上只是简单地删除整个 else 块

【解决方案2】：

如果使用 Android 2.2 及更高版本（现在是大多数设备），以下代码将为您提供所需的内容。

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

【讨论】：

不错。我使用了这个答案的变体，但没有“else”块。否则，当用户按下太多次时，他们最终会出现一个空白的应用程序“开始”屏幕，用户没有继续前进的选项。
这看起来是最合适的答案。 @CaffeineComa，您可能只需编写应用程序开始屏幕，使其不显示在应用程序“活动”历史记录中。只需在您想要的<activity> 中添加android:noHistory="true" 属性，在AndroidManifest.xml 中
应该return;吗？它在training guide 中。
我非常爱你

【解决方案3】：

这是我的解决方案。它也适用于 Fragment。

webView.setOnKeyListener(new OnKeyListener() {
    @Override
    public boolean onKey(View v, int keyCode, KeyEvent event) {
        if (event.getAction() == KeyEvent.ACTION_DOWN) {
            WebView webView = (WebView) v;
            
            switch(keyCode) {
                case KeyEvent.KEYCODE_BACK:
                    if (webView.canGoBack()) {
                        webView.goBack();
                        return true;
                    }
                    break;
            }
        }
        
        return false;
    }
});

【讨论】：

这是我的看法，这应该是正确的答案。
为什么这个答案应该是正确的答案？前两个答案有什么问题吗？
@dc7a9163d9 一个活动可能希望有几个依赖于 keyDown 的视图或对象。这个答案通过 webview 抽象出对 keydown 依赖的活动的需要（这是更好的设计）。此外，较新的应用程序几乎只使用片段而不是活动，并且这个答案支持该用例而不是其他用例
我喜欢这种方法。而不是整个活动只听 WebView
@Arvin 这取决于。在我的情况下，我希望后退按钮支持 web 视图，即使其他视图有焦点。

【解决方案4】：

下一个按钮和进度条的完整参考：put back and next button in webview

如果您想在点击手机的返回按钮时返回页面，请使用：

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

您也可以像这样创建自定义后退按钮：

btnback.setOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub

            if (wv.canGoBack()) {
                wv.goBack();
            }
        }
    });

【讨论】：

【解决方案5】：

还应该在 onBackPressed 中检查对焦

    @Override
    public void onBackPressed() {
        if (mWebview.isFocused() && mWebview.canGoBack()) {
            mWebview.goBack();       
        } else {
            super.onBackPressed();
            finish();
        }
    }

【讨论】：

听起来有道理，你能解释一下原因吗？

【解决方案6】：

为什么不使用onBackPressed()？

@Override
public void onBackPressed() {
    // super.onBackPressed(); Do not call me!

    // Go to the previous web page.
}

【讨论】：

因为只有 sdk 2.2 及更高版本支持此方法.. 它不适用于 sdk 1.6
otoh，Honeycomb 和更新版本没有硬件返回键，导致永远不会调用 onKeyDown。

【解决方案7】：

这是一个确认退出的代码：

@Override
    public void onBackPressed()
    {
        if(webView.canGoBack()){
            webView.goBack();
        }else{
            new AlertDialog.Builder(this)
            .setIcon(android.R.drawable.ic_dialog_alert)
            .setTitle("Exit!")
            .setMessage("Are you sure you want to close?")
            .setPositiveButton("Yes", new DialogInterface.OnClickListener()
            {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    finish();    
                }

            })
            .setNegativeButton("No", null)
            .show();    
        }   
    }

【讨论】：

【解决方案8】：

在科特林中：

override fun onBackPressed() {
    when {
        webView.canGoBack() -> webView.goBack()
        else -> super.onBackPressed()
    }
}

webView - xml 中 webview 组件的 ID，如果使用合成引用。

【讨论】：

【解决方案9】：

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
    // Check if the key event was the Back button and if there's history
    if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack()) {
        myWebView.goBack();
        return true;
    }
    // If it wasn't the Back key or there's no web page history, bubble up to the default
    // system behavior (probably exit the activity)
    return super.onKeyDown(keyCode, event);
}

【讨论】：

【解决方案10】：

FoamyGuy 的第一个答案是正确的，但我有一些补充；低名声不能让我做cmets。如果由于某些原因您的页面无法加载，请确保设置一个标志以记录失败，然后在 onBackPressed 覆盖上检查它。否则，您的 canGoBack() 将永远执行，而无需前往到实际的后台活动（如果它存在）：

//flag with class wide access 
public boolean ploadFailFlag = false;

//your error handling override
@Override
public void onReceivedError(WebView view, WebResourceRequest req, WebResourceError rerr) {
    onReceivedError(view, rerr.getErrorCode(), rerr.getDescription().toString(), req.getUrl().toString());
    ploadFailFlag = true;       //note this change 
    .....
    .....
}

//finally to the answer to this question:
@Override
public void onBackPressed() {
    if(checkinWebView.canGoBack()){
        //if page load fails, go back for web view will not go back - no page to go to - yet overriding the super 
        if(ploadFailFlag){
            super.onBackPressed();
        }else {
            checkinWebView.goBack();
        }
    }else {
        Toast.makeText(getBaseContext(), "super:", Toast.LENGTH_LONG).show();
        super.onBackPressed();
    }
}

【讨论】：

【解决方案11】：

您可以在片段中为 webview 尝试此操作：

private lateinit var webView: WebView

override fun onCreateView(
    inflater: LayoutInflater,
    container: ViewGroup?,
    savedInstanceState: Bundle?
): View? {
    val root = inflater.inflate(R.layout.fragment_name, container, false)
    webView = root!!.findViewById(R.id.home_web_view)
    var url: String = "http://yoururl.com"
    webView.settings.javaScriptEnabled = true
    webView.webViewClient = WebViewClient()
    webView.loadUrl(url)
    webView.canGoBack()
    webView.setOnKeyListener{ v, keyCode, event ->
        if(keyCode == KeyEvent.KEYCODE_BACK && event.action == MotionEvent.ACTION_UP
            && webView.canGoBack()){
            webView.goBack()
            return@setOnKeyListener true
        }
        false
    }
    return root
}

【讨论】：

你为什么在setOnKeyListener之前调用webView.canGoBack()？

【解决方案12】：

您应该类中的以下库处理 onBackKeyPressed。 canGoBack() 检查 webview 是否可以引用上一页。如果可能，则使用 goBack() 函数引用上一页（返回）。

 @Override
        public void onBackPressed() {
          if( mWebview.canGoBack()){
               mWebview.goBack(); 
           }else{
            //Do something else. like trigger pop up. Add rate app or see more app
           }
  }

【讨论】：

【解决方案13】：

这是 Kotlin 的解决方案：

override fun onKeyUp(keyCode: Int, event: KeyEvent?): Boolean {
    if (event?.action != ACTION_UP || event.keyCode != KEYCODE_BACK) {
        return super.onKeyUp(keyCode, event)
    }

    if (mWebView.canGoBack()) {
        mWebView.goBack()
    } else {
        finish()
    }
    return true
}

【讨论】：

【解决方案14】：

 WebView mWebView;

 mWebView = findViewById(R.id.webView);

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

【讨论】：

【解决方案15】：

Kotlin 官方方式：

override fun onKeyDown(keyCode: Int, event: KeyEvent?): Boolean {
    // Check if the key event was the Back button and if there's history
    if (keyCode == KeyEvent.KEYCODE_BACK && myWebView.canGoBack()) {
        myWebView.goBack()
        return true
    }
    // If it wasn't the Back key or there's no web page history, bubble up to the default
    // system behavior (probably exit the activity)
    return super.onKeyDown(keyCode, event)
}

https://developer.android.com/guide/webapps/webview.html#NavigatingHistory

【讨论】：

【解决方案16】：

如果有人想为 fragment 中的 webView 处理 backPressed，那么他可以使用下面的代码。

将以下代码复制到您的 Activity 类中（包含片段 YourFragmmentName）

@Override
public void onBackPressed() {
List<Fragment> fragmentList = getSupportFragmentManager().getFragments();

boolean handled = false;
for(Object f: fragmentList) {
    if(f instanceof YourFragmentName) {
        handled = ((YourFragmentName)f).onBackPressed();
        if(handled) {
            break;
        }
    }
}

if(!handled) {
    super.onBackPressed();
}

}

将此代码复制到片段YourFragmentName

public boolean onBackPressed() {
   if (webView.canGoBack()) {
       webView.goBack();
       return true;
   } else {
       return false;
   }
}

备注

Activity 应替换为您正在使用的实际 Acitivity 类。
YourFragmentName 应替换为您的 Fragment 的名称。
在YourFragmentName 中声明webView，以便可以从函数内部访问它。

【讨论】：

【解决方案17】：

使用此代码返回页面，当最后一页出现时退出活动

 @Override
    public void onBackPressed() {
        super.onBackPressed();
        Intent intent=new Intent(LiveImage.this,DashBoard.class);
        startActivity(intent);
    }

【讨论】：