簡(jiǎn)介
WebView是Android中用于加載web頁(yè)面的控件
優(yōu)點(diǎn)
- 可以直接內(nèi)嵌到App中用于顯示和渲染web頁(yè)面
- 可以直接用html文件(網(wǎng)絡(luò)上或本地assets中)作布局
配置權(quán)限
android:name="android.permission.INTERNET"
如果需要定位功能研铆,還需要配置下面兩個(gè)權(quán)限
android:name="android.permission.ACCESS_FINE_LOCATION"
android:name="android.permission.ACCESS_COARSE_LOCATION"
兩個(gè)實(shí)現(xiàn)方法
- setWebClient:主要處理解析,渲染網(wǎng)頁(yè)等瀏覽器做的事情
- setWebChromeClient:輔助WebView處理Javascript的對(duì)話框,網(wǎng)站圖標(biāo)鹦筹,網(wǎng)站title炸庞,加載進(jìn)度等
WebViewClient就是幫助WebView處理各種通知幕袱、請(qǐng)求事件的乏悄。
加載網(wǎng)頁(yè)字符串
使用loadData()加載一段HTML內(nèi)容
mWebView = (WebView) findViewById(R.id.id_webView);
String summary = "<html><body>You scored <b>192</b> points.</body></html>";
mWebView.loadData(summary, "text/html", null);
如下圖:
這里寫(xiě)圖片描述
加載網(wǎng)絡(luò)資源
使用loadUrl()加載網(wǎng)絡(luò)url
String htmlurl = "http://baidu.com";
mWebView.loadUrl(htmlurl);
加載時(shí)氮凝,會(huì)自動(dòng)跳轉(zhuǎn)到系統(tǒng)瀏覽器打開(kāi),如下圖:
這里寫(xiě)圖片描述
而我們使用WebView就是為了展示網(wǎng)頁(yè)萝映,還跳轉(zhuǎn)個(gè)雞毛啊易桃,為了解決這個(gè)問(wèn)題,就要使用WebViewClient這個(gè)Class
mWebView.setWebViewClient(new WebViewClient() {
public boolean shouldOverrideUrlLoading(WebView view, String url){
// 重寫(xiě)此方法表明點(diǎn)擊網(wǎng)頁(yè)里面的鏈接還是在當(dāng)前的webview里跳轉(zhuǎn)锌俱,不跳到瀏覽器那邊
view.loadUrl(url);
return true;
}
});
效果如下圖:
這里寫(xiě)圖片描述
實(shí)例
創(chuàng)建Android項(xiàng)目名曰:WebViewTest
添加一個(gè)Activity,MainActivity
xml文件如下
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<WebView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/webView"
/>
</LinearLayout>
java代碼如下:
package com.webviewurl.test;
import java.util.List;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.content.DialogInterface.OnClickListener;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.util.Log;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.webkit.GeolocationPermissions.Callback;
import android.graphics.Bitmap;
public class MainActivity extends Activity {
private static final String TAG = "MainActivity";
private WebView webView;
private static final String htmlurl="http://baidu.com";
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
webView = (WebView)this.findViewById(R.id.webView);
WebSettings settings = webView.getSettings();
//設(shè)置Webview可以調(diào)用javascript
settings.setJavaScriptEnabled(true);
//設(shè)置webview可以調(diào)用地理位置信息
settings.setGeolocationEnabled(true);
//設(shè)置webview調(diào)用地理位置信息的緩存路徑
settings.setGeolocationDatabasePath(getFilesDir().getPath());
//配置獲取設(shè)備位置信息的權(quán)限
webView.setWebChromeClient(new WebChromeClient() {
@Override
public void onGeolocationPermissionsShowPrompt(String origin,Callback callback) {
callback.invoke(origin, true, false);
super.onGeolocationPermissionsShowPrompt(origin, callback);
}
});
webView.setWebViewClient(new WebViewClient() {
public boolean shouldOverrideUrlLoading(WebView view, String url){
// 重寫(xiě)此方法表明點(diǎn)擊網(wǎng)頁(yè)里面的鏈接還是在當(dāng)前的webview里跳轉(zhuǎn)敌呈,不跳到瀏覽器那邊
view.loadUrl(url);
return true;
}
});
webView.addJavascriptInterface(new ContactPlugin(), "contact");
webView.loadUrl(htmlurl);
}
}
加載本地資源
方法同上贸宏,只是架子啊方法不同
webView.loadUrl("file:///android_asset/test.html");
Demo地址
CSDN:http://download.csdn.net/detail/shiquanqq/9464237
Github: