Back Navigation WebView with Fragment

Question

I have literally looked at every question to do with getting the back button to work with a WebView inside a fragment and cannot seem to make it work in my case.

I am currently trying to get blackbelt's answer to work, but my app just closes once I have pressed the back button.

Any help would be great, thanks.

public class MainActivity extends BaseActivity {

private Fragment FragmentArchietecture = new FragmentShakira();

WebView webview;

private Fragment mContent;

public MainActivity() {
    super(R.string.app_name);

}

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    if (savedInstanceState != null)
        mContent = getSupportFragmentManager().getFragment(
                savedInstanceState, "mContent");
    if (mContent == null)
        mContent = new FragmentShakira();

    setContentView(R.layout.content_frame);
    getSupportFragmentManager().beginTransaction()
            .replace(R.id.content_frame, FragmentArchietecture, "webby")
            .commit();

    setBehindContentView(R.layout.menu_frame);
    getSupportFragmentManager().beginTransaction()
            .replace(R.id.menu_frame, new RandomList()).commit();

    ActionBar bar = getSupportActionBar();
    bar.setTitle(R.string.app_name);

    getSlidingMenu().setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
    setSlidingActionBarEnabled(true);

}

@Override
public void onBackPressed() {
    Fragment webview = getSupportFragmentManager().findFragmentByTag(
            "webby");
    if (webview instanceof FragmentShakira) {
        boolean goback = ((FragmentShakira) webview).canGoBack();
        if (!goback)
            super.onBackPressed();
    }
}

 }

Fragment:

public class FragmentShakira extends SherlockFragment {

static WebView webview;
String TAG = "webby";

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {
    View view = inflater
            .inflate(R.layout.fragmentwebview, container, false);

    WebView webview = (WebView) view.findViewById(R.id.webView1);
    webview.getSettings().setJavaScriptEnabled(true);
    webview.setWebViewClient(new WebViewClient());
    webview.loadUrl("https://www.google.co.uk/");

    return view;

}

public boolean canGoBack() {
    return webview != null && webview.canGoBack();
}

}

score 1 · Accepted Answer · answered May 05 '14 at 22:56

1

it should work. dont forget to pass on the message to the fragment to goback if it can

ie

if (!goback)
     super.onBackPressed();
else
     ((FragmentShakira) view).goBack();

answered May 05 '14 at 22:56

angel of code

686
8
25

score 0 · Answer 2 · answered Feb 10 '19 at 12:23

use the code posted by Nawrez here. and here how you can implement it in your code. in the onCreateView() method add this :

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {
    View view = inflater
            .inflate(R.layout.fragmentwebview, container, false);

    WebView webview = (WebView) view.findViewById(R.id.webView1);
    webview.getSettings().setJavaScriptEnabled(true);
    webview.setWebViewClient(new WebViewClient());
    webview.loadUrl("https://www.google.co.uk/");

    //handles the back navigation in the fragment
    webView.canGoBack();
    webView.setOnKeyListener(new View.OnKeyListener() {

        public boolean onKey(View v, int keyCode, KeyEvent event) {
            if (keyCode == KeyEvent.KEYCODE_BACK
                    && event.getAction() == MotionEvent.ACTION_UP
                    && webView.canGoBack()) {
                webView.goBack();
                return true;
            }
            return false;
        }
    });  // until here

    return view;

}

score 0 · Answer 3 · answered Mar 09 '20 at 16:49

In Kotlin you can handle this easily by adding setOnKeyListener to your WebView.

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    val myWebView: WebView = view.findViewById(R.id.your_webView)
    myWebView.webViewClient = WebViewClient()
    myWebView.loadUrl("https://www.google.com/")
    myWebView.setOnKeyListener { v, keyCode, event ->
        if (keyCode == KeyEvent.KEYCODE_BACK && myWebView.canGoBack()) {
            myWebView.goBack() // Navigate back to previous web page if there is one
            nested_scroll.scrollTo(0, 0) // Scroll webview back to top of previous page
        }
        true
    }
}

Back Navigation WebView with Fragment

3 Answers3