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

Question

我有一个应用程序，我有一个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);
            }
        });
    }
}

Answer 1

我在 WebView 的活动中使用了这样的东西：

@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);

Answer 2

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

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

Answer 3

这是我

的解决方案。它在片段中也有效。

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;
    }
});

Answer 4

下一个按钮和进度条的完整参考：在 Web 视图中放置"返回"和"下一步"按钮

如果您想在单击手机的后退按钮时转到返回页面，请使用以下命令：

@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();
            }
        }
    }); 

Answer 5

对焦也应该在 onBackPress 中检查

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

Answer 6

为什么不使用onBackPressed()？

@Override
public void onBackPressed() {
    // super.onBackPressed(); Do not call me!
    // Go to the previous web page.
}

Answer 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();    
        }   
    }

Answer 8

在 kotlin 中：

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

webView - XML 格式的 Web 视图组件的 ID（如果使用合成引用）。

Answer 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);
}

Answer 10

 WebView mWebView;
 mWebView = findViewById(R.id.webView);
    @Override
    public void onBackPressed() {
        if (webView.canGoBack()) {
            webView.goBack();
        } else {
            super.onBackPressed();
        }
    }

Answer 11

FoamyGuy的第一个答案是正确的，但我有一些补充;低声誉不允许我发表评论。如果由于某些原因您的页面无法加载，请确保设置一个标志来记录失败，然后在 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();
    }
}

Answer 12

如果有人想在片段内处理 backPressed for webView，那么他可以使用下面的代码。

1. 将以下代码复制到您的 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();
   }
   

   }

2. 将此代码复制到片段YourFragmentName

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

笔记

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

Answer 13

您可以在片段中尝试对 Web 视图执行此操作：

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
}

Answer 14

我想我有点晚了，但根据 android 文档，您可以通过以下代码段在片段内自定义后退导航。

 requireActivity().onBackPressedDispatcher.addCallback(this) {
            // Handle the back button event
            if (binding.webView.canGoBack()){
                binding.webView.goBack()
            } else {
                findNavController().popBackStack()
            }
        }

您可以根据需要自定义当 webView 无法返回时要执行的操作。

Answer 15

这是 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
}

Answer 16

您应该在类上使用以下库来处理onBackKeyPressed。canGoBack（） 检查 Web 视图是否可以引用上一页。如果可能的话，请使用 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
    }
}

Answer 17

官方 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

Answer 18

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

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