如果在 WebView 中按下后退按钮，如何返回上一页？
Posted
技术标签:
【中文标题】如果在 WebView 中按下后退按钮，如何返回上一页？【英文标题】：How to go back to previous page if back button is pressed in 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? 【参考方案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);
【讨论】：
以上是关于如果在 WebView 中按下后退按钮，如何返回上一页？的主要内容，如果未能解决你的问题，请参考以下文章