Android16_WebView

一、、WebView：

（一）、介绍：

android提供了一个内置浏览器，该浏览器可以查看网站，查看邮件，播放视频。要使用该内置浏览器，要通过WebView组件实现。webView组件式专门用来浏览网页的。

类结构：

java.lang.Object   ↳ android.view.View     ↳ android.view.ViewGroup       ↳ android.widget.AbsoluteLayout         ↳ android.webkit.WebView

（二）、webview组件常用方法：【掌握】

1. loadUrl()
2. loadData()
3. loadDataWithBaseURL()
4. capturePicture()
5. goBack()
6. goForward()
7. stopLoading()
8. reload()

（三）、WebView组件显示url页面的内容：

1、基本代码：

webView_main = (WebView) findViewById(R.id.webView_main);


webView_main.loadUrl("http://www.qq.com");

（四）、WebView组件加载html代码：

1、基本代码：

webView_main = (WebView) findViewById(R.id.webView_main);
// webView_main.loadData(data, "text/html","utf-8");//这个方法中虽然设置了字符集，但是运行效果中发现依然中文会显示乱码。为了解决这个问题，建议使用loadDataWithBaseURL()方法。


webView_main.loadDataWithBaseURL(null, data, "text/html", "utf-8", null);

【备注：】MIME【了解】

1. 概念：MIME意为多功能Internet邮件扩展，它设计的最初目的是为了在发送 电子邮件时附加多媒体数据，让邮件客户程序能根据其类型进行处理。然而当它被HTTP协议支持之后，它的意义就更为显著了。它使得HTTP传输的不仅是普通的文本，而变得丰富多彩。
2. 每个MIME类型由两部分组成，前面是数据的大类别，例如声音audio、图象image等，后面定义具体的种类。
3. 常见的MIME类型(通用型)：

• 超文本标记语言文本 .html text/html
• xml文档 .xml text/xml
• XHTML文档 .xhtml application/xhtml+xml
• 普通文本 .txt text/plain
• RTF文本 .rtf application/rtf
• PDF文档 .pdf application/pdf
• Microsoft Word文件 .word application/msword
• PNG图像 .png image/png
• GIF图形 .gif image/gif
• JPEG图形 .jpeg,.jpg image/jpeg
• au声音文件 .au audio/basic
• MIDI音乐文件 mid,.midi audio/midi,audio/x-midi
• RealAudio音乐文件 .ra, .ram audio/x-pn-realaudio
• MPEG文件 .mpg,.mpeg video/mpeg
• AVI文件 .avi video/x-msvideo
• GZIP文件 .gz application/x-gzip
• TAR文件 .tar application/x-tar
• 任意的二进制数据 application/octet-stream

2、如果加载的html代码中包含javascript语言，会如何呢？

运行后发现，所有的javascript都不会执行。因为WebView 在默认情况下不支持javascript。如何让执行javascript呢？

让WebView支持javascript的两个步骤：

• 使用 WebView 组件的WebSettings对象的setJavaScriptEnabled()方法。这种做法是让 WebView 能支持绝大多数的javascript语言。但是依然不支持alert等警告对话框语句。
• 使用 WebView 组件的setWebChromeClient()方法。这种做法是让 WebView 也支持显示alert等警告对话框。

基本代码：

webView_main.getSettings().setJavaScriptEnabled(true);// 支持运行javascript

webView_main.setWebChromeClient(new WebChromeClient());// 支持运行特殊的javascript（例如：alert()）

webView_main.setWebViewClient(new WebViewClient());// 当点击超链地址后不会新打开浏览器来访问，而是始终在本app中浏览页面

3、如果html中包含有超级链接地址，WebView能顺利执行吗？

 经过运行后发现，WebView中的超链地址在点击后，会跳出该应用程序，而弹出新的浏览器去访问该网页。

如果解决呢？调用webview对象的setWebViewClient()方法即可解决。

webView_main.setWebViewClient(new WebViewClient());

（五）、用WebView实现“网页版天气预告”

【备注：】调用页面地址：http://m.weather.com.cn/m/pn12/weather.htm?id=101010100T

webView_main = (WebView) findViewById(R.id.webView_main);webView_main.getSettings().setJavaScriptEnabled(true);webView_main.setWebChromeClient(new WebChromeClient());webView_main.setWebViewClient(new WebViewClient());webView_main.loadUrl("http://m.weather.com.cn/m/pn12/weather.htm?id=101010100T");

（六）、制作简单的网页浏览器：

1、核心代码：

public class MainActivity extends Activity {

private EditText editText_main_url;

private WebView webView_main;

private String url = "";

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

editText_main_url = (EditText) findViewById(R.id.editText_main_url);

webView_main = (WebView) findViewById(R.id.webView_main);

// 让webview对象支持解析javascript语句

webView_main.getSettings().setJavaScriptEnabled(true);

// 让webview对象支持解析alert()等特殊的javascript语句

webView_main.setWebChromeClient(new WebChromeClient());

// 如果不使用该句代码，在点击超链地址后，会跳出程序，而弹出浏览器访问网页。

webView_main.setWebViewClient(new WebViewClient());

}

public void clickButton(View view) {

switch (view.getId()) {

// 浏览器中后退键监听

case R.id.button_main_goback:

webView_main.goBack();

break;

// 浏览器前进键监听

case R.id.button_main_goforward:

webView_main.goForward();

break;

// 当输入网址后，点击该按钮，可以执行访问

case R.id.button_main_submit:

url = editText_main_url.getText().toString();

if ((url == null) || url.equals("")) {

Toast.makeText(MainActivity.this, "请输入url地址！", 5000).show();

} else {

if (url.indexOf("http://") != 0) {

url = "http://" + url;

}

webView_main.loadUrl(url);

}

break;

// 浏览器停止加载键监听

case R.id.button_main_stop:

webView_main.stopLoading();

break;

// 浏览器刷新键监听

default:

break;

}

}

}