Android WebView详解和调用JS

mProgressBar.setVisibility(View.VISIBLE);

mProgressBar.setProgress(newProgress);

}

}

});

（2）如果希望浏览的网页后退而不是退出浏览器，需要WebView覆盖URL加载，让它自动生成历史访问记录，那样就可以通过前进或后退访问已访问过的站点。

/**

• 在onKeyDown中设置webView在返回的时候

• 自动记录浏览记录

• @param keyCode

• @param event

• @return

*/

@Override

public boolean onKeyDown(int keyCode, KeyEvent event) {

if (keyCode == KeyEvent.KEYCODE_BACK){

if (mWebView.canGoBack()){

mWebView.goBack();

return true;

}else {

finish();

}

}

return super.onKeyDown(keyCode, event);

}

（3）创建一个自己的WebViewClient，通过setWebViewClient关联

//覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为，使网页用WebView打开

mWebView.setWebViewClient(new WebViewClient() {

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url) {

//返回值是true的时候控制去WebView打开，为false调用系统浏览器或第三方浏览器

view.loadUrl(url);

return true;

}

/**

• 1.网页页面开始加载的时候，执行的回调方法，可以实现加载等待界面

• 2.在此方法中设置一个超时计时器

• @param view

• @param url

• @param favicon

*/

@Override

public void onPageStarted(WebView view, String url, Bitmap favicon) {

super.onPageStarted(view, url, favicon);

mLinearLayout.setVisibility(View.GONE);

mRelativeLayout.setVisibility(View.VISIBLE);

}

/**

• 1.网页加载结束的时候，也要隐藏等待界面

• 2.onPageFinished指页面加载完成,完成后取消计时器

• @param view

• @param url

*/

@Override

public void onPageFinished(WebView view, String url) {

super.onPageFinished(view, url);

mLinearLayout.setVisibility(View.VISIBLE);

mRelativeLayout.setVisibility(View.GONE);

}

/**

• 加载异常的界面

• @param view

• @param request

• @param error

*/

@Override

public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {

super.onReceivedError(view, request, error);

Log.d(“testTimeout”, “-----------加载异常”);

}

});

（4）访问的页面中有Javascript，则webview必须设置支持Javascript

WebSettings mWebSettings = mWebView.getSettings();

mWebSettings.setJavaScriptEnabled(true);

（5）缓存的使用

优先使用缓存

mWebView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);

不使用缓存

mWebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);

特殊使用

先给大家说说怎么获取这个html的标题title

应用开发的时候使用WebView这个组件的过程中可能会接触到WebViewClient与WebChromeClient，那么这两个类到底有什么不同呢 ，WebViewClient主要帮助WebView处理各种通知、请求事件的，比如：

onLoadResource

onPageStart

onPageFinish

onReceiveError

onReceivedHttpAuthRequest

WebChromeClient主要辅助WebView处理Javascript的对话框、网站图标、网站title、加载进度等比如

onCloseWindow(关闭WebView)

onCreateWindow()

onJsAlert (WebView上alert无效，需要定制WebChromeClient处理弹出)

onJsPrompt

onJsConfirm

onProgressChanged

onReceivedIcon

onReceivedTitle

我们在 WebChromeClient 中的 onReceivedTitle() 方法里判断html页面的标题中是否含有 “error”，如果有，则证明html加载失败，设置加载失败的标记，让在 WebViewClient 的完成是回 调的 onPageFinish() 方法里显示自定义的加载失败的页面。

使用的是不要忘了添加网络权限：

最后张贴一下全部代码：

public class MainActivity extends AppCompatActivity {

private WebView mWebView;

private ProgressBar mProgressBar;

private LinearLayout mLinearLayout;

private RelativeLayout mRelativeLayout;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

setSupportActionBar(toolbar);

init();

}

private void init() {

mWebView = (WebView)findViewById(R.id.webview);

mProgressBar = (ProgressBar)findViewById(R.id.progressBar);

mLinearLayout = (LinearLayout)findViewById(R.id.linearlayout);

mRelativeLayout = (RelativeLayout)findViewById(R.id.relativwlayout);

//WebView加载web资源

mWebView.loadUrl(“https://www.baidu.com/”);

/**

• 对WebView设置监听器

*/

WebSettings mWebSettings = mWebView.getSettings();

mWebSettings.setJavaScriptEnabled(true);

mWebView.setWebChromeClient(new WebChromeClient() {

@Override

public void onProgressChanged(WebView view, int newProgress) {

super.onProgressChanged(view, newProgress);

if (newProgress == 100) {

mProgressBar.setVisibility(View.GONE);

} else {

mProgressBar.setVisibility(View.VISIBLE);

mProgressBar.setProgress(newProgress);

}

}

});

//覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为，使网页用WebView打开

mWebView.setWebViewClient(new WebViewClient() {

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url) {

//返回值是true的时候控制去WebView打开，为false调用系统浏览器或第三方浏览器

view.loadUrl(url);

return true;

}

/**

• 1.网页页面开始加载的时候，执行的回调方法，可以实现加载等待界面

• 2.在此方法中设置一个超时计时器

• @param view

• @param url

• @param favicon

*/

@Override

public void onPageStarted(WebView view, String url, Bitmap favicon) {

super.onPageStarted(view, url, favicon);

mLinearLayout.setVisibility(View.GONE);

mRelativeLayout.setVisibility(View.VISIBLE);

}

/**

• 1.网页加载结束的时候，也要隐藏等待界面

• 2.onPageFinished指页面加载完成,完成后取消计时器

• @param view

• @param url

*/

@Override

public void onPageFinished(WebView view, String url) {

super.onPageFinished(view, url);

mLinearLayout.setVisibility(View.VISIBLE);

mRelativeLayout.setVisibility(View.GONE);

}

/**

• 加载异常的界面

• @param view

• @param request

• @param error

*/

@Override

public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {

super.onReceivedError(view, request, error);

Log.d(“testTimeout”, “-----------加载异常”);

}

});

//设置访问文件

mWebSettings.setAllowContentAccess(true);

mWebSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);

}

/**

• 在onKeyDown中设置webView在返回的时候

• 自动记录浏览记录

• @param keyCode

• @param event

• @return

*/

@Override

public boolean onKeyDown(int keyCode, KeyEvent event) {

if (keyCode == KeyEvent.KEYCODE_BACK){

if (mWebView.canGoBack()){

mWebView.goBack();

return true;

}else {

finish();

}

}

return super.onKeyDown(keyCode, event);

}

}

WebView调用JS的使用方式

（1）首先写js文件 js_test.js

function alertFromJs(content){

alert(“From js:” + content);

}

简单的一个函数，功能就是弹出一个alert。

写html文件 index.html，在html里加载js文件，注意路径

HTTP

• HTTP 报文结构是怎样的？

• HTTP有哪些请求方法？

• GET 和 POST 有什么区别？

• 如何理解 URI？

• 如何理解 HTTP 状态码？

• 简要概括一下 HTTP 的特点？HTTP 有哪些缺点？

• 对 Accept 系列字段了解多少？

• 对于定长和不定长的数据，HTTP 是怎么传输的？

• HTTP 如何处理大文件的传输？

• HTTP 中如何处理表单数据的提交？

• HTTP1.1 如何解决 HTTP 的队头阻塞问题？

• 对 Cookie 了解多少？

• 如何理解 HTTP 代理？

• 如何理解 HTTP 缓存及缓存代理？

• 为什么产生代理缓存？

• 源服务器的缓存控制

• 客户端的缓存控制

• 什么是跨域？浏览器如何拦截响应？如何解决？