Como voltar à página anterior se o botão Voltar for pressionado no WebView?

327

Eu tenho um aplicativo no qual tenho um WebViewonde exibo alguns sites. Funciona, clicando em um link na página da web para a próxima página no site dentro do meu aplicativo. Mas quando clico no botão Voltar do telefone, ele me leva diretamente ao meu aplicativo. Eu quero voltar para a página anterior no site. Como posso fazer isso?

Aqui está o exemplo de código que estou usando:

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

Respostas:

520

Uso algo assim em minhas atividades com o 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);
}

Editar:

Para que esse código funcione, você precisa adicionar um campo ao que Activitycontém o WebView:

private WebView mWebView;

Inicialize-o no onCreate()método e você deve estar pronto.

mWebView = (WebView) findViewById(R.id.webView);
FoamyGuy
fonte
1
onde eu deveria colocar esse código? sob todo o meu código? ou logo abaixo do loasUrl, exatamente como o builtinZoom?
Zvzej 20/05
3
Você o colocaria dentro de sua atividade, mas fora do método onCreate ().
FoamyGuy
quando coloco seu código, ocorre um erro para a variável mWebView, pois está fora do oncreate, onde devo colocar essa variável?
Zvzej 20/05
4
ao invés de finish() colocarreturn super.onKeyDown(keyCode, event)
Bostone
6
ou de facto simplesmente remover toda elsebloco
Bostone
301

Se você estiver usando o Android 2.2 e superior (que é a maioria dos dispositivos agora), o código a seguir fará o que você deseja.

@Override
public void onBackPressed() {
    if (webView.canGoBack()) {
        webView.goBack();
    } else {
        super.onBackPressed();
    }
}
Kevin Westwood
fonte
5
Agradável. Eu uso uma variação dessa resposta, mas sem o bloco "else". Caso contrário, quando o usuário pressiona muitas vezes, ele acaba na tela "iniciar" do aplicativo em branco, sem opção para o usuário avançar.
George Armhold 12/12/12
1
Parece a resposta mais apropriada. @CaffeineComa, você provavelmente poderia codificar a tela inicial do aplicativo para não aparecer no histórico de "atividades" do aplicativo. Basta adicionar o android:noHistory="true"atributo que <activity>você deseja, no AndroidManifest.xml
LocalPCGuy
Deveria isso return;? Isso acontece no guia de treinamento .
25417 Keith
Muito obrigado!
DmitryKanunnikoff
113

Esta é a minha solução. Também funciona no 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;
    }
});
petrnohejl
fonte
16
esta minha opinião, esta deve ser a resposta adequada.
Arvin
2
Por que essa resposta deve ser a resposta correta? Algum problema com as duas principais respostas?
ca9163d9
12
@ dc7a9163d9 Uma atividade pode querer ter várias visualizações ou objetos que dependem de keyDown. Essa resposta resume a necessidade da atividade de digitar a dependência via webview (que é melhor design). Também, os aplicativos mais recentes quase exclusivamente utilizar fragmentos ao invés de atividades, e esta resposta suporta esse caso de uso em oposição aos outros
David T.
Eu gosto dessa abordagem. Em vez de toda a escuta atividade apenas o WebView
davejoem
Concorde que isso é melhor, portanto a atividade principal não precisa conter um WebView usado apenas por fragmentos.
Jannik
18

Referência completa para o próximo botão e barra de progresso: colocar de volta e próximo botão na visualização na web

Se você quiser voltar à página anterior ao clicar no botão Voltar do telefone, use o seguinte:

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

Você também pode criar um botão Voltar personalizado como este:

btnback.setOnClickListener(new View.OnClickListener() {

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

            if (wv.canGoBack()) {
                wv.goBack();
            }
        }
    }); 
Parsania Hardik
fonte
16

O foco também deve ser verificado no onBackPressed

    @Override
    public void onBackPressed() {
        if (mWebview.isFocused() && mWebview.canGoBack()) {
            mWebview.goBack();       
        } else {
            super.onBackPressed();
            finish();
        }
    }
Zar E Ahmer
fonte
2
Parece plausível, você poderia explicar o porquê?
SharpC
14

Por que não usar onBackPressed()?

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

    // Go to the previous web page.
}
Gyan tcp Gary Buyn
fonte
porque apenas o sdk 2.2 e superior suporta esse método .. ele não funciona com o sdk 1.6
Maher Abuthraa
1
então, Honeycomb e mais recentes não têm uma chave de retorno de hardware, resultando em onKeyDown nunca sendo chamado.
Junkdog
10

Aqui está um código com confirmação de saída:

@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();    
        }   
    }
Mohammed Ahmed
fonte
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);
}
Mahesh
fonte
3

No kotlin:

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

webView - ID do componente webview em xml, se estiver usando referência sintética.

vishnu benny
fonte
2

A primeira resposta de FoamyGuy está correta, mas tenho algumas adições; reputações baixas não podem me permitir fazer comentários. Se, por algum motivo, sua página falhar ao carregar, defina um sinalizador para anotar a falha e verifique-o na substituição onBackPressed. Caso contrário, seu canGoBack () será executado para sempre sem direcionar para a atividade de retorno real, se estivesse lá:

//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();
    }
}
Ajowi
fonte
1

As bibliotecas a seguir em sua classe devem lidar com o onBackKeyPressed. canGoBack () verifica se a visualização na web pode fazer referência à página anterior. Se for possível, use a função goBack () para fazer referência à página anterior (voltar).

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

Aqui está a solução 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
}
Gibolt
fonte
0

Maneira oficial de 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

SANAT
fonte
0

Se alguém quiser manipular backPressed para um webView dentro de um fragmento , ele poderá usar o código abaixo.

  1. Copie o código abaixo em sua Activityclasse (que contém um fragmento 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. Copie este código no fragmento YourFragmentName

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

Notas

  • Activity deve ser substituído pela classe de atividade real que você está usando.
  • YourFragmentName deve ser substituído pelo nome do seu fragmento.
  • Declare webViewem YourFragmentNamepara que possa ser acessado de dentro da função.
Faraz Ahmad
fonte
0

Você pode tentar isso para a visualização da web em um fragmento:

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
}
Simbarashe Mupfururirwa
fonte
-2

use esse código para voltar à página e, quando a última página chegou, sair da atividade

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

Webview em atividade, o código abaixo funcionou para mim. Conclua a atividade depois de carregar o URL no webview.in onbackpressed, vá para a atividade anterior

 webView = (WebView) findViewById(R.id.info_webView);
 webView.loadUrl(value);
 finish();
Libin Thomas
fonte