จะกลับไปยังหน้าก่อนหน้าได้อย่างไรหากกดปุ่มย้อนกลับใน WebView


327

ฉันมีแอพที่ฉันมี 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);
            }
        });
    }
}

คำตอบ:


520

ฉันใช้สิ่งนี้ในกิจกรรมของฉันกับ 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);
}

แก้ไข:

เพื่อให้โค้ดนี้ทำงานคุณต้องเพิ่มฟิลด์ลงActivityใน WebView ที่มี:

private WebView mWebView;

เริ่มต้นด้วยonCreate()วิธีการและคุณควรจะไปดี

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

1
ฉันควรวางรหัสนั้นหรือไม่ ภายใต้รหัสทั้งหมดของฉัน? หรือแค่ใต้ loasUrl เหมือนกับ builtinZoom
zvzej

3
คุณต้องการใส่ไว้ในกิจกรรม แต่นอกเมธอด onCreate ()
FoamyGuy

เมื่อฉันวางโค้ดของคุณมันทำให้ฉันมีข้อผิดพลาดสำหรับตัวแปร mWebView เนื่องจากไม่มี oncreate ฉันควรวางตัวแปรนั้นไว้ที่ไหน?
zvzej

4
แทนการfinish()ใส่return super.onKeyDown(keyCode, event)
Bostone

6
หรือในความเป็นจริงเพียงแค่ลบทั้งelseบล็อก
Bostone

300

หากใช้ Android 2.2 ขึ้นไป (ซึ่งตอนนี้เป็นอุปกรณ์ส่วนใหญ่แล้ว) รหัสต่อไปนี้จะให้สิ่งที่คุณต้องการ

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

5
ดี ฉันใช้รูปแบบของคำตอบนี้ แต่ไม่มีบล็อก "else" มิฉะนั้นเมื่อผู้ใช้กดย้อนกลับหลายครั้งเกินไปพวกเขาจะจบลงที่หน้าจอ "เริ่มต้น" ของแอพที่ว่างเปล่าโดยไม่มีตัวเลือกให้ผู้ใช้เลื่อนไปข้างหน้า
George Armhold

1
ดูเหมือนว่าคำตอบที่เหมาะสมที่สุด @CaffeineComa คุณอาจจะแค่รหัสหน้าจอเริ่มต้นแอปของคุณไม่ให้แสดงในประวัติ "กิจกรรม" ของแอป เพียงเพิ่มandroid:noHistory="true"คุณสมบัติในสิ่งที่<activity>คุณต้องการใน AndroidManifest.xml
LocalPCGuy

ควรจะเป็นอย่างนี้return;? มันไม่อยู่ในคู่มือการฝึกอบรม
Keith

ขอบคุณมาก!
DmitryKanunnikoff

113

นี่คือทางออกของฉัน มันยังทำงานในแฟรกเมนต์

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

16
นี่เป็นความเห็นของฉันนี่ควรเป็นคำตอบที่เหมาะสม
Arvin

2
ทำไมคำตอบนี้ควรเป็นคำตอบที่เหมาะสม? มีปัญหาอะไรกับคำตอบสองข้อแรก?
ca9163d9

12
@ dc7a9163d9 กิจกรรมอาจต้องการมีหลายมุมมองหรือวัตถุที่ขึ้นอยู่กับ keyDown คำตอบนี้จะสรุปความต้องการของกิจกรรมในการพึ่งพาการดาวน์คีย์ผ่าน webview (ซึ่งเป็นการออกแบบที่ดีกว่า) นอกจากนี้แอปที่ใหม่กว่านั้นเกือบจะใช้ชิ้นส่วนที่แตกต่างจากกิจกรรมและคำตอบนี้สนับสนุนกรณีการใช้งานซึ่งตรงข้ามกับโปรแกรมอื่น ๆ
David T.

ฉันชอบวิธีนี้ แทนที่จะฟังทั้งกิจกรรมเพียงแค่ WebView
davejoem

ยอมรับสิ่งนี้ดีกว่าดังนั้นกิจกรรมหลักไม่จำเป็นต้องเก็บ WebView ที่ใช้โดยแฟรกเมนต์เท่านั้น
Jannik

18

การอ้างอิงแบบเต็มสำหรับปุ่มถัดไปและแถบความคืบหน้า: ใส่กลับและปุ่มถัดไปใน 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();
            }
        }
    }); 

16

ควรทำการตรวจสอบการโฟกัสใน onBackPressed

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

2
ฟังดูมีเหตุผลคุณช่วยอธิบายหน่อยได้ไหม?
SharpC

14

ทำไมไม่ใช้onBackPressed()?

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

    // Go to the previous web page.
}

เพราะ sdk 2.2 เท่านั้นและสูงกว่ารองรับวิธีนี้ .. มันใช้ไม่ได้กับ sdk 1.6
Maher Abuthraa

1
โอโต, รวงผึ้งและที่ใหม่กว่าไม่มีฮาร์ดแวร์แบ็คคีย์ส่งผลให้ onKeyDown ไม่เคยถูกเรียก
junkdog

10

นี่คือรหัสยืนยันออก:

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

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


2

คำตอบแรกโดย 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();
    }
}

1

คุณควรห้องสมุดต่อไปนี้ในชั้นเรียนของคุณจัดการ 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
           }
  }

1

นี่คือวิธีแก้ปัญหา 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
}

0

ทางการ Kotlin Way:

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


0

หากมีคนต้องการที่จะจัดการ backPressed สำหรับ 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 ควรถูกแทนที่ด้วยชื่อของชิ้นส่วนของคุณ
  • ประกาศwebViewในYourFragmentNameเพื่อให้สามารถเข้าถึงได้จากภายในฟังก์ชั่น

0

คุณสามารถลองทำสิ่งนี้เพื่อดูเว็บได้ในส่วน:

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
}

-2

ใช้รหัสนี้เพื่อกลับไปที่หน้าและเมื่อหน้าสุดท้ายมาแล้วออกจากกิจกรรม

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

-5

Webview ในกิจกรรมด้านล่างรหัสทำงานให้ฉันทำกิจกรรมให้เสร็จหลังจากโหลด Url ใน webview.in กลับมาแล้วกดไปที่กิจกรรมก่อนหน้า

 webView = (WebView) findViewById(R.id.info_webView);
 webView.loadUrl(value);
 finish();
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.