html中需要点击两次“返回上一页”按钮,才能实现返回上一页

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html中需要点击两次“返回上一页”按钮,才能实现返回上一页相关的知识,希望对你有一定的参考价值。

通过页面B进入页面 A 里有个“返回上一页”按钮 history.back(),这个页面A当中还通过 iframe 嵌入一个页面 1.htm 。通过点击第一次 “返回上一页”按钮后只是刷新了1.htm,点第二次才会返回1.htm之前的页面B,请问如果实现电机返回上一页直接跳转套页面B

参考技术A _top.history.back()试试追问

你最好不要抽烟喝酒,那样对身体不好!不过早睡早起还是值得提倡的!我是从你的个人资料里知道的!

追答

谢谢,我会注意

本回答被提问者采纳

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

【中文标题】如果在 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);
    

【讨论】:

以上是关于html中需要点击两次“返回上一页”按钮,才能实现返回上一页的主要内容,如果未能解决你的问题,请参考以下文章

一个按钮需要被点击两次才能关闭一个对话框

hbuilder+vue单页应用打包成APP后退按钮返回上一页的问题

网页上的“返回上一页”的几种实现代码

监听浏览器返回,上一页事件

android项目多个返回按钮点击事件怎样用一个方法解决

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