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)
触发加载网页的方式主要由两种：
- 点击页面，触发 标签，超链接行为；
- 调用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);
}
}
}
布局文件