WebView介绍

WebView是一个可以显示网页的控件，他的网页渲染引擎和safari、Chrome一样都是webkit。

使用WebView来开发应用，有几个很明显的优势：

1.搭建java和JavaScript之间交互的桥梁。

2.跨平台，网页代码编写异常，既可以在任何支持web的平台上运行，如Android、ios、wp7 节省开发成本，提高开发效率。

3.资源利用最大化，web开发人员只用很少的学习成本记可以使用WebView开发。

4.应用程序维护成本大大降低，只用维护服务器端代码即可。

WebView开发既有本地应用的功能，又有B/S应用的优势，可以说是二者的结合体。

WebView中有两个工具类负责管理网页各种行为：WebChromeClient和WebViewClient。

分别通过setWebChromeClient()和setWebViewClient()来实例化。

setWebChromeClient(new WebChromeClient(){ }): 该方法是用来处理webview中的JavaScript dialogs、favicons、titles、和progress。

Chrome一词表明这个类WebChromeClient和webview的网页内容管理有关，他的成员方法帮助webview处理JavaScript的弹框、网站图标、网站title、加载进度等。常用方法如下：

onJsCofirm(): 页面选择框；

onJsAlert(): 页面提示框；

onJsPrompt(): 页面确认框；

onProgressChanged(): 加载进度；

当页面出现上述操作时，便会触发方法。其中onProgressChanged()方法通常用来设计成线性进度条的样式。

setWebViewClient(new WebViewClient(){}) 该方法是帮助WebView处理各种通知、请求和记录页面加载过程的。其中就包括URL地址，我们可以通过他来监控URL地址的调用过程。我们需要用到的方法有：

/**
*本方法的目的是判断网页的打开方式，当一个新的请求地址在页面发起时，App自行决定是在手机刘安琪打开还是继续在WebView中打开。
系统默认返回false，即退转到手机浏览器中；
返回true，则不触发后续跳转到手机浏览器的操作；
并同时需要开发者再次调用loadUrl方法，继续在webView上显示。
由于该方法可以实时提供页面发起的地址请求，也就就是requet.getUrl()，我们可以对地址进行记录和修改等处理
*/
public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request)
  
  
/**
 通知APP页面开始加载。 每个宿主视图(网页)加载时都会触发该方法，但是当前网页中嵌入式视图（比如视频 ）发生变化时不会触发该方法。
**/  
public void onPageStarted(WebView view, String url, Bitmap favicon)
  
  
/**
通知app页面加载完成，该方法只能由宿主视图（网页）发起，此时不能保证网页中的图片全部加载出来。
**/
public void onPageFinished(WebView view, String url)

触发加载网页的方式主要由两种：

点击页面，触发<link> 标签，超链接行为；
调用WebView的loadUrl() 方法；

这两种方法都会发出一条地址，区别在于这个地址是目的地还是重定向地址。

注：

请求重定向：请求重定向是客户端访问服务器，然后服务器又返给一个新的访问地址，让客户端自动跳转到新的地址。（特点：浏览器地址栏发生了改变）

请求转发：客户端访问服务器，服务器没有这个资源，然后服务器又去访问其他url获取资源返回。（特点：浏览器地址没有发生改变）

我们访问http://www.baidu.com 页面的测试一下执行顺序。

代码中通过loadUrl加载百度首页，log日志如下：


2019-07-07 17:42:51.910 25613-25613/com.wgp.wgpplayer I/-----: onPageStarted: http://www.baidu.com/
2019-07-07 17:42:51.958 25613-25613/com.wgp.wgpplayer I/-----: onPageStarted: https://m.baidu.com/?from=844b&vit=fps
2019-07-07 17:42:51.959 25613-25613/com.wgp.wgpplayer I/-----: shouldOverrideUrlLoading: GET:https://m.baidu.com/?from=844b&vit=fps
2019-07-07 17:42:54.512 25613-25613/com.wgp.wgpplayer I/-----: onPageFinished: https://m.baidu.com/?from=844b&vit=fps

在首页点击用户反馈，这是超链接方式，日志如下：


2019-07-07 18:35:40.859 29353-29353/com.wgp.wgpplayer I/-----: shouldOverrideUrlLoading: GET:http://ufosdk.baidu.com/?m=Client&a=commonsubmit&appid=517&activityId=1&needEmail=false&bw=4E4670D693EBB4F4A983124C6D8D5207&kw=&tn=iphone&pageid=6
2019-07-07 18:35:40.876 29353-29353/com.wgp.wgpplayer I/-----: onPageStarted: http://ufosdk.baidu.com/?m=Client&a=commonsubmit&appid=517&activityId=1&needEmail=false&bw=4E4670D693EBB4F4A983124C6D8D5207&kw=&tn=iphone&pageid=6
2019-07-07 18:35:42.305 29353-29353/com.wgp.wgpplayer I/-----: onPageFinished: http://ufosdk.baidu.com/?m=Client&a=commonsubmit&appid=517&activityId=1&needEmail=false&bw=4E4670D693EBB4F4A983124C6D8D5207&kw=&tn=iphone&pageid=6

我们直接用loadUrl加载https://www.baidu.com
```
2019-07-07 19:03:04.917 29353-29353/com.wgp.wgpplayer I/-----: onPageStarted: https://www.baidu.com/
2019-07-07 19:03:08.369 29353-29353/com.wgp.wgpplayer I/-----: onPageFinished: https://www.baidu.com/
```
我们看到这个日志中，并没有执行shouldOverrideUrlLoading方法。因为访问https://www.baidu.com服务器并没有给我们跳转，直接就给返回页面内容了。

通过上述，我们可以看出，如果是我们点击页面链接的方式的话：

如果是目的地地址，那么方法的顺序是：

shouldOverrideUrlLoading —>onPageStarted —>onPageFinished

shouldOverrideUrlLoading()由于他要提供给app选择加载网页环境的机会，所以只要是网页上地址请求，都会获取到。
如果是重定向地址，在跳转到目的地的地址之前会不断的地址定位，每次地址定位都会执行以下顺序：

onPageStarted —> shouldOverrideUrlLoading —> onPageFinished

每跳转一次，都会执行onPageStarted方法，直到目标地址位置，然后执行shouldOverrideUrlLoading，最后加载完成onPageFinished

如果我们是通过loadUrl去加载的URL地址的方式的话：

如果是目的地地址，那么直接执行：onPageStarted—> onPageFinished. 如果触发了shouldOverrideUrlLoading，那么应该说明我们要方法的地址是一个重定向地址。
如果是重定向地址，执行顺序是：onPageStarted —> shouldOverrideUrlLoading —> onPageFinished

注意：shouldOverrideUrlLoading()该方法只有get方式请求的回调。post不会执行该方法

demo 示例：

/**
 * webview 控件呢 ，我们可以这样理解，就是这个控件就是浏览器对象
 * 我们平常在电脑浏览器中 能做的事情 这这里用webview都可以做。
 * 2.第二个就是我们要知道webview加载的页面怎么去调本地的java代码，
 * 那么这两步学习了 也就应该可以进行混合开发了
 *
 * 3. webview中两个主要的类：
 *  （1） WebViewClient 帮助WebView处理各种通知、请求和记录页面加载过程
 *  （2）WebChromeClient 帮助webview处理JavaScript的弹框、网站图标、网站title、加载进度等
 */
public class MainActivity extends AppCompatActivity {
    private String DEFAULT_URL="https://www.baidu.com/";

    private WebView webView;
    private EditText editText;
    private Button btnSearch;

    //设置网页，吧浏览器设置相关的功能 封装成了一个对象
    private WebSettings webSettings;
    private String TAG = "-----";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = findViewById(R.id.web_view);
        editText = findViewById(R.id.edit_text);
        btnSearch = findViewById(R.id.btn_search);
        editText.setFocusable(false);

        init();
        regListener();

    }

    private void regListener() {
        btnSearch.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String url = editText.getText().toString();
                if ("".equals(url)){
                    url = DEFAULT_URL;
                }
                webView.loadUrl(url);
            }
        });

        webView.setWebViewClient(new WebViewClient(){

            @Override
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {

                Log.i(TAG, "shouldOverrideUrlLoading: "+request.getMethod()+":"+request.getUrl());
                //view.loadUrl("https://www.taobao.com");
                return super.shouldOverrideUrlLoading(view,request);
            }



            //页面开始加载
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
                Log.i(TAG, "onPageStarted: "+url);
            }

            //页面加载完成
            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                Log.i(TAG, "onPageFinished: "+url);
            }


            //想应用程序报告web资源加载错误。这些错误通常表明
            //无法连接到服务器。请注意，与回调的不赞成版本不同，
            //新版本将被调用任何资源(iframe、图像等)，而不仅仅是针对main。
            //页面。因此，建议在这个回调中执行最低要求的工作
            @Override
            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                super.onReceivedError(view, request, error);
            }

            // 处理http请求出错的，加载一个网页 网页中有图片等多种资源，页面中那些资源都是每个http请求，也就是说平常我打开一个网页，会发送多次http请求
            @Override
            public void onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse) {
                super.onReceivedHttpError(view, request, errorResponse);
            }

        });




    }

    private void init() {
         webSettings = webView.getSettings();
         //webview 默认不不支持JavaScript，所以要显示的打开支持
         webSettings.setJavaScriptEnabled(true);
         //是否支持 页面缩放
         webSettings.setSupportZoom(true);
         //设置网页内容的排列，
       // webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
        //开启DOM
        webSettings.setDomStorageEnabled(true);

    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        //当点击后退 并且页面可以后退 那么就网页回退
        if (keyCode == KeyEvent.KEYCODE_BACK && webView.canGoBack()){
            webView.goBack();
            return true;
        }else {
            return super.onKeyDown(keyCode, event);
        }
    }
}

布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <EditText
            android:id="@+id/edit_text"
            android:layout_width="0dp"
            android:layout_height="100dp"
            android:layout_weight="1" />

        <Button
            android:id="@+id/btn_search"
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:text="btn_search" />
    </LinearLayout>

    <WebView
        android:id="@+id/web_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:layout_editor_absoluteX="8dp"
        tools:layout_editor_absoluteY="8dp" />
</LinearLayout>