有时候项目中会有一些资讯列表，列表展现的是资讯图片、标题、简介、或者各种其他点击量这类信息什么的啊，然后点击列表中的文章或是图片，然后进入一个网页，就是展示具体的文章内容了，当然，这里网页URL在列表数据中由服务器返回的。
哈哈，就想放张双越的虐dog图，(__) 嘻嘻……
图片取自网络
《Android权威编程指南》这里用的是一个PhotoGallery项目来讲解的网页浏览，我这里学习总结就不用那个例子了，麻烦了点，就自己随意弄个url地址，来压缩例子重点知识吧，主要分为两种方式打开网页：
隐式intent （隐式intent可启动浏览器，并在其中打开图片URL指向的网页）
核心代码：
Intent i = new Intent(Intent.ACTION_VIEW, Uri.parse(uri));
startActivity(i);
使用WebView（使用隐式intent打开网页简单又高效，但是，不想打开独立的浏览器的时候，WebView就派上用场了，而且，在真正的项目中，要展现一篇文章的详情，也不可能真的去打开一个浏览器去展示吧，万一用户手机就没有浏览器这类应用软件呢，所以，开始来学习WebView吧，WebView控件等于就是给我们开发应用软件内置了一个浏览器的感觉，我这里弄个简单学习实例Demo，到了真正项目中就灵活运用一下吧）
WebView要成功显示一个网页要做的事情：
- 首先——告诉WebView要打开的URL
- 其次——启用JavaScript。JavaScript默认是禁用的。虽然并不总是需要启用它，可是项目中有时候的HTML页面有些互动需要。（启用JavaScript后，Android Lint会警告信息（担心跨网站的脚本攻击），可以使用@SuppressLint("SetJavaScriptEnabled")注解onCreate(...)方法以禁止Lint的警告。）
- 最后——覆盖WebViewClient类的shouldOverrideUrlLoading(WebView, String)方法，并返回false值。
Demo中弄了两个按钮，一个按钮就是使用隐式intent打开网页，按钮点击时间中的核心代码在如上，第二个按钮把url传入了下个页面WebViewActivity.java，使用的WebView打开网页，布局文件中也就放入了一个WebView控件。
Demo截图
WebViewActivity .java
public class WebViewActivity extends AppCompatActivity {
private WebView mWebView;
@SuppressLint("SetJavaScriptEnabled")
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_web_view);
mWebView = (WebView) findViewById(R.id.webview);
String uri = getIntent().getStringExtra("uri");
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
return false;
}
});
mWebView.loadUrl(uri);
}
}
小结：
- 加载URL必须等WebView配置完成后进行
- 启动JavaScript——调用getSettings()方法获得WebSettings实例，再调用WebSettings.setJavaScriptEnabled(true)方法
- WebSetting是修改WebView配置的三种途径之一。另外其他一些可设置属性，如用户代理字符串和显示文字大小。
- 配置WebViewClient。WebViewClient是一个事件接口。可自己实现WebViewClient来响应各种渲染事件。例如，可检测渲染器何时开始从指定URL加载图片，或决定是否需要向服务器重新提交POST请求。WebViewClient很多方法可覆盖，大多数用不到，必须要覆盖shouldOverrideUrlLoading（WebView, String）默认方法。当有新的URL加载到WebView时，譬如说点击某个链接，该方法会决定下一步行动，即对网页中超链接按钮的响应，如返回true，表示WebView不要处理URL，如返回false，表示叫WebView，去加载这个URL，默认返回false。
使用WebChromeClient优化WebView显示
这里给布局添加一个进度条控件
Demo截图
代码中声明进度条，给进度条设置mProgressBar.setMax(100);然后使用WebChromeClient，核心代码：
mWebView.setWebChromeClient(new WebChromeClient(){
@Override
public void onProgressChanged(WebView view, int newProgress) {
if (newProgress == 100){
mProgressBar.setVisibility(View.GONE);
}else {
mProgressBar.setVisibility(View.VISIBLE);
mProgressBar.setProgress(newProgress);
}
}
@Override
public void onReceivedTitle(WebView view, String title) {
Toast.makeText(WebViewActivity.this, title, Toast.LENGTH_LONG).show();
}
});
这样进入网页时，网页加载时，会出现进度条，onReceivedTitle本来是用于模拟显示子标题，Demo中就先打印出来看看title是什么，网页加载完毕会打印title，同时进度条消失。
小结：
- WebChromeClient相当于一个事件接口，用来响应那些改变浏览器中装饰元素的事件，包括JavaScript警告信息、网页图标、状态条加载，已经当前网页标题的刷新。
- onProgressChanged(WebView, int)是进度条更新的回调，onReceivedTitle(WebView, String)是标题栏更新的回调。
处理WebView的设备旋转问题
当旋转设备的时候，WebView会重新加载网页，由于WebView包含太多数据，无法在onSaveInstanceState(...)方法中全部保存，所以设备旋转，它必定从头加载网页数据。WebView是视图层级结构的一部分，旋转肯定会销毁重建，那用什么方法解决这个问题呢？答案如下：
对于一些类似的类（如VideoView），Android文档推荐让activity自己处理设备配置变更，即无法重建activity，就能直接调整自己的视图以适应新的屏幕尺寸。
在Demo的AndroidManifest.xml中添加如下代码就解决问题了
Demo截图
android:configChanges属性表明，若因键盘开关、屏幕方向改变、屏幕大小改变而发生配置改变，则activity应自己处理配置更改。
注意：
- 自己处理配置更改，资源修饰符无法自动工作，开发人员必须手工重载视图。
- activity自己处理配置更改，依然需要覆盖Activity.onSavedInstanceStare(...)方法存储UI状态，因为即使自己处理设备配置更改，低内存情况下的生死还是需要考虑。
深入学习：注入 JavaScript 对象
文档网页：https://developer.android.com/reference/android/webkit/WebView.html
使用addJavaScriptInterface(Object, String)方法可注入任意JavaScript对象到指定文档中。
自Jelly Bean 4.2(API 17) 开始，只有以@JavascriptInterface注解的公共方法才会暴露给JavaScript。在这之前，所有对象树种的公共方法都是开放访问的。安全起见，要么自己掌控局面，要么严格控制不要暴露自己的接口。
深入学习：WebView 升级
KitKat 4.4（API 19）发布的WebView经历了一次大修，新WebView使用了和Android版Chrome一样的渲染引擎。
WebView终于支持使用 Chrome DevTools进行远程调试了（调用WebView. setWebContentsDebuggingEnabled()方法开启）
自Lollipop（Android 5.0）开始，WebView的Chromium层会自动从Google Play商店更新。
Nougat（Android 7.0），WebView的Chromium层又改为直接来自Chrome APK安装包。
挑战练习：使用后退键浏览历史网页
题目见书，突然也想起，我们项目中有个详细文章的浏览，可以从中直接进入到另外一篇详细文章，也是一个网页，然后回退直接回退到文章列表了，而没有回退到历史网页，这里来解决一下这个问题，首先覆盖onBackPressed()方法能监控用户是否按了回退建，然后使用WebView.canGoBack()和WebView.goBack()方法来实现这一逻辑，代码如下：
@Override
public void onBackPressed() {
if(wvArticle.canGoBack()){
wvArticle.goBack();
}else {
super.onBackPressed();
}
}
挑战练习：非HTTP链接支持
有时候传入url，万一不是HTTP链接，WebView就会显示一段错误文字，由于我们覆盖了WebViewClient.shouldOverrideUrlLoading(...)方法返回false，这样WebView总是会尝试自己加载URL，所以为了代码的健全性，在加载URI之前，先检测它的scheme，若不是HTTP或者HTTPS，就根据需求做一些其他处理。
网友评论