PART_0 侃在前面的話
WebView是Android提供給我們用來加載網頁的控件，功能很強大。我們常用的手機淘寶，手機京東的Android用戶端裡面大量使用到了WebView，但是使用WebView比使用其他是更加耗電的，那為什麼淘寶和京東還是要使用WebView作為APP裡的部分，首先大家知道，淘寶，京東等在移動技術還不熱的時候就有了一套完善的網頁系統，是以使用WebView可以直接使用之前的邏輯，省時省力省錢，而且作為電商，每天的内容都是不同的，是以大家要及時更新，放在我們用戶端來做肯定是不行的，你不能讓使用者一天下一個版本吧？而且也不能拿我們程式當狗使啊，一天一個版本，誰受得了？
PART_1 WebView基本使用
使用WebView很簡單，接下來我們就細細道來。
1. 得到WebView可以通過findViewById()的方法得到，也可以使用new WebView()的方式得到，是以得到WebView是第一步（廢話，不得到WebView，你上哪去顯示？）
2. 得到了WebView後，那就簡單了，随便找個可以加載的鍊比如“http://www.baidu.com”，使用webView.loadUrl("http://www.baidu.com");就得到我們想要加載的界面。如果想加載我們存放在本地的html檔案，比如assets裡面，可以使用這個路徑：file:///android_asset/xxx.html。
3. 得到了我們想要的界面後，發現如果我們點選其中的按鈕并沒任何效果，因為預設情況下WebView是不支援javascript的，是以我們要在代碼裡設定：getSettings().setJavaScriptEnabled(true);
設定了這個以後，頁面是不能縮放的，添加這個可以是頁面縮放：getSettings().setBuiltInZoomControls(true);
4. 上面點選有效果了，但是發現點選之後，并不是在我們目前的WebView視圖中進行轉跳，其實這個也好了解，你讓人家轉跳，但是你又拿着目前的WebView，那它能怎麼轉跳？是以人家就跟系統請求浏覽器去跳轉了，如果你的功能剛好是這個，那一切OK，功能實作了，但是如果你的功能不是這，是以得想辦法解決啊，怎麼解決？看下面：
wv.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
// TODO Auto-generated method stub
view.loadUrl(url);
return true;
}
});
代碼很容易懂，view.loadUrl(url)就是讓WebView加載新的url，下面呢？下面傳回true的意思是我就在目前的webView中轉跳。
PART_2 WebView傳回和擷取網頁标題
經過上面的那些，其實我們發現了一個問題，怎樣回退到我們上個頁面？因為我們發現，隻要轉跳後，按傳回鍵是回不到我們上個url的，隻會結束掉目前的Activity，是以這裡我們就要複寫按鍵事件了，如下：
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK) {
if (wv.canGoBack()) {
wv.goBack();
return true;
}
}
return super.onKeyDown(keyCode, event);
}
（注解：wv就是WebView的執行個體）
好，上面的傳回也寫好了，但是有個問題，怎麼樣擷取到目前頁面的标題？這裡其實谷歌早就提供了方法，如下：
wv.setWebChromeClient(new WebChromeClient() {
@Override
public void onReceivedTitle(WebView view, String title) {
MainActivity.this.setTitle(title);
super.onReceivedTitle(view, title);
}
});
擷取到标題以後，我這裡是将标題設定到ActionBar上面去了，很簡單，但是很實用
次奧，看完你一定會說，MD，回退的時候标題根本沒有換回來啊？是的，如何解決呢？看下面：
wv.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
// TODO Auto-generated method stub
view.loadUrl(url);
return false;
}
@Override
public void onPageFinished(WebView view, String url) {
setTitle(view.getTitle());
super.onPageFinished(view, url);
}
});
看到onPageFinished這個方法了麼，看完以後，你一定會跳起來說一句，原來擷取title，可以這樣，那我其實完全可以不用上面的方法setWebChromeClient()的方法。
推薦篇文章看了你就大緻知道為什麼了：http://www.eoeandroid.com/forum.php?mod=viewthread&tid=542884
PART 3 js與android互動
首先寫一個簡單的html頁面：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>互調JS</title>
<script type="text/javascript">
function test() {
try {
window.external.callApp("afterChosen", 1059);
} catch(e) {
document.getElementById("content").innerHTML = "call fail!"
}
}
function afterChosen(){
document.getElementById("content").innerHTML = "callback success!";
}
</script>
</head>
<body>
<p id="content">最開始的資料</p>
<input type="button" value="點選調用app" οnclick="test()" />
</body>
</html>
很簡單，就是點選了按鈕以後調用test()方法，然後在test()方法中在調用android中的callApp函數。但是為了使得js裡面的代碼能夠正确調用到我們的方法，我們需要加一段這樣的代碼：
wv.addJavascriptInterface(this, "external");
這裡的this代表的是MainActivity.this，然後後面的參數跟我們js代碼裡寫的window.external.callApp()要一緻。然後我們在實作callApp方法：
@JavascriptInterface
public void callApp(final String funcName, final int n) {
wv.post(new Runnable() {
public void run() {
wv.loadUrl("javascript:" + funcName + "()");
}
});
}
這塊要注意，我們的webview是一個單獨的線程中運作的，如果你直接在UI線程中調用wv.loadUrl("javascript:" + funcName + "()")是會抛異常的，不信你可以試試。。。，wv.post就是将下面執行的代碼post到webview所在的線程中，這樣就可以順利的執行了。
回調js函數是要遵循一定的格式的，否則是調不動的，格式很簡單就是在我們要調用的函數前面加上： javascript:
看看最後的效果：
OK， 這篇文章就介紹到這裡！期待我的下一篇文章，絕對會讓你大吃一驚。