android加入WebView,以及加入后网页的前进后退,简单使用操作

柔光的暖阳◎ 2022-11-12 02:39 176阅读 0赞

1.在activity里或者fragment里加入WebView成员变量

WebView mWebView;

1.写一个方法绑定下WebView并配置

//初始化webView部分
        void initWebView() { 
            //获得控件
            mWebView = (WebView) view.findViewById(R.id.wv_webview);
            //访问网页
            mWebView.loadUrl("https://cpu.baidu.com/1032/c38d7ddd?scid=80946");
            //系统默认会通过手机浏览器打开网页，为了能够直接通过WebView显示网页，则必须设置
            mWebView.setWebViewClient(new WebViewClient() { 
                @Override
                public boolean shouldOverrideUrlLoading(WebView view, String url) { 
                    //使用WebView加载显示url
                    view.loadUrl(url);
                    //返回true
                    return true;
                }
            });
            //前进网页
            mWebView.canGoForward();
            //后退网页
            mWebView.goBack();
            mWebView.canGoBack();//是否可以跳到上一页(如果返回false,说明已经是第一页)
            mWebView.canGoForward();//是否可以跳到下一页(如果返回false,说明已经是最后一页)
    
            WebSettings settings = mWebView.getSettings();
            settings.setUseWideViewPort(true);
            //如果访问的页面中要与Javascript交互，则webview必须设置支持Javascript
            //加入这个支持响应式布局,网页端口的地址到手机端布局不乱
            settings.setJavaScriptEnabled(true);
            settings.setLoadWithOverviewMode(true);
    
            // 点击后退按钮,让WebView后退一页(也可以覆写Activity的onKeyDown方法)
            mWebView.setOnKeyListener(new View.OnKeyListener() { 
                @Override
                public boolean onKey(View v, int keyCode, KeyEvent event) { 
                    if (event.getAction() == KeyEvent.ACTION_DOWN) { 
                        if (keyCode == KeyEvent.KEYCODE_BACK && mWebView.canGoBack()) {  // 表示按返回键
                            // 时的操作
                            mWebView.goBack(); // 后退
                            // webview.goForward();//前进
                            return true; // 已处理
                        }
                    }
                    return false;
                }
            });
        }