Android--WebView
WebView(網絡視圖)能加載顯示網頁,可以將其視為一個瀏覽器。它使用了WebKit渲染引擎加載顯示網頁,實現WebView有以下兩種不同的方法:
第一種方法的步驟:
1.在要Activity中實例化WebView組件:WebView webView = new WebView(this);
2.調用WebView的loadUrl()方法,設置WevView要顯示的網頁:
? 互聯網用:webView.loadUrl("http://www.google.com");
? 本地文件用:webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在:assets 文件中
3.調用Activity的setContentView( )方法來顯示網頁視圖
4.用WebView點鏈接看了很多頁以后為了讓WebView支持回退功能,需要覆蓋覆蓋Activity類的onKeyDown()方法,如果不做任何處理,點擊系統回退剪鍵,整個瀏覽器會調用finish()而結束自身,而不是回退到上一頁面
5.需要在AndroidManifest.xml文件中添加權限,否則會出現Web page not available錯誤。
? <uses-permission android:name="android.permission.INTERNET" />
下面是具體例子:
MainActivity.java
package com.android.webview.activity;?
?
import android.app.Activity;?
import android.os.Bundle;?
import android.view.KeyEvent;?
import android.webkit.WebView;?
?
public class MainActivity extends Activity {?
??? private WebView webview;?
??? @Override
??? public void onCreate(Bundle savedInstanceState) {?
??????? super.onCreate(savedInstanceState);?
??????? //實例化WebView對象?
??????? webview = new WebView(this);?
??????? //設置WebView屬性,能夠執行Javascript腳本?
??????? webview.getSettings().setJavaScriptEnabled(true);?
??????? //加載需要顯示的網頁?
??????? webview.loadUrl("http://www.51cto.com/");?
??????? //設置Web視圖?
??????? setContentView(webview);?
??? }?
?????
??? @Override
??? //設置回退?
??? //覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法?
??? public boolean onKeyDown(int keyCode, KeyEvent event) {?
??????? if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {?
??????????? webview.goBack(); //goBack()表示返回WebView的上一頁面?
??????????? return true;?
??????? }?
??????? return false;?
}
在AndroidManifest.xml文件中的17行添加權限
?<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
????? package="com.android.webview.activity"
????? android:versionCode="1"
????? android:versionName="1.0">
??? <uses-sdk android:minSdkVersion="10" />
?
??? <application android:icon="@drawable/icon" android:label="@string/app_name">
??????? <activity android:name=".MainActivity"
????????????????? android:label="@string/app_name">
??????????? <intent-filter>
??????????????? <action android:name="android.intent.action.MAIN" />
??????????????? <category android:name="android.intent.category.LAUNCHER" />
??????????? </intent-filter>
??????? </activity>
??? </application>
??? <uses-permission android:name="android.permission.INTERNET"/>
</manifest>
效果圖:
第二種方法的步驟:
1、在布局文件中聲明WebView
2、在Activity中實例化WebView
3、調用WebView的loadUrl( )方法,設置WevView要顯示的網頁
4、為了讓WebView能夠響應超鏈接功能,調用setWebViewClient( )方法,設置? WebView視圖
5、用WebView點鏈接看了很多頁以后為了讓WebView支持回退功能,需要覆蓋覆蓋Activity類的onKeyDown()方法,如果不做任何處理,點擊系統回退剪鍵,整個瀏覽器會調用finish()而結束自身,而不是回退到上一頁面
6、需要在AndroidManifest.xml文件中添加權限,否則出現Web page not available錯誤。
<uses-permission android:name="android.permission.INTERNET"/>
?下面是具體的例子:
MainActivity.java
package com.android.webview.activity;?
?
import android.app.Activity;?
import android.os.Bundle;?
import android.view.KeyEvent;?
import android.webkit.WebView;?
import android.webkit.WebViewClient;?
?
public class MainActivity extends Activity {?
??? private WebView webview;?
??? @Override
??? public void onCreate(Bundle savedInstanceState) {?
??????? super.onCreate(savedInstanceState);?
??????? setContentView(R.layout.main);?
??????? webview = (WebView) findViewById(R.id.webview);?
??????? //設置WebView屬性,能夠執行Javascript腳本?
??????? webview.getSettings().setJavaScriptEnabled(true);?
??????? //加載需要顯示的網頁?
??????? webview.loadUrl("http://www.51cto.com/");?
??????? //設置Web視圖?
??????? webview.setWebViewClient(new HelloWebViewClient ());?
??? }?
?????
??? @Override
??? //設置回退?
??? //覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法?
??? public boolean onKeyDown(int keyCode, KeyEvent event) {?
??????? if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {?
??????????? webview.goBack(); //goBack()表示返回WebView的上一頁面?
??????????? return true;?
??????? }?
??????? return false;?
??? }?
?????
??? //Web視圖?
??? private class HelloWebViewClient extends WebViewClient {?
??????? @Override
??????? public boolean shouldOverrideUrlLoading(WebView view, String url) {?
??????????? view.loadUrl(url);?
??????????? return true;?
??????? }?
??? }?
}
main.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:id="@+id/webview"
??????? android:layout_width="fill_parent"
??????? android:layout_height="fill_parent"
??????? />
</LinearLayout>
在AndroidManifest.xml文件中的17行添加權限
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
????? package="com.android.webview.activity"
????? android:versionCode="1"
????? android:versionName="1.0">
??? <uses-sdk android:minSdkVersion="10" />
?
??? <application android:icon="@drawable/icon" android:label="@string/app_name">
??????? <activity android:name=".MainActivity"
????????????????? android:label="@string/app_name">
??????????? <intent-filter>
??????????????? <action android:name="android.intent.action.MAIN" />
??????????????? <category android:name="android.intent.category.LAUNCHER" />
??????????? </intent-filter>
??????? </activity>
??? </application>
??? <uses-permission android:name="android.permission.INTERNET"/>
</manifest>
效果圖:
另一篇:http://blog.csdn.net/chenshijun0101/article/details/7045394
WebVIew總結
瀏覽器控件是每個開發環境都具備的,這為馬甲神功提供了用武之地,windows的有webbrowser,android和ios都有webview。只是其引擎不同,相對于微軟的webbrowser,android及ios的webview的引擎都是webkit,對Html5提供支持。本篇主要介紹android的webview之強大。
A.????webview組件如何使用
?
1)???????添加權限:AndroidManifest.xml中必須使用許可"android.permission.INTERNET",否則會出Web page not available錯誤。
2)???????在要Activity中生成一個WebView組件:WebView webView = new WebView(this);或者可以在activity的layout文件里添加webview控件:
<WebView
android:id="@+id/wv"
????android:layout_width="fill_parent"
????android:layout_height="fill_parent"
????android:text="@string/hello"
????/>
3)???????設置WebView基本信息:
??????????如果訪問的頁面中有Javascript,則webview必須設置支持Javascript。
??????????webview.getSettings().setJavaScriptEnabled(true);??
??????????觸摸焦點起作用
??????????requestFocus();
??????????取消滾動條
??????????this.setScrollBarStyle(SCROLLBARS_OUTSIDE_OVERLAY);
?
4)???????設置WevView要顯示的網頁:
??????????互聯網用:webView.loadUrl("http://www.google.com");?
??????????本地文件用:webView.loadUrl("file:///android_asset/XX.html");??本地文件存放在:assets文件中
5)???????如果希望點擊鏈接由自己處理,而不是新開Android的系統browser中響應該鏈接。給WebView添加一個事件監聽對象(WebViewClient)并重寫其中的一些方法:
?shouldOverrideUrlLoading:對網頁中超鏈接按鈕的響應。當按下某個連接時WebViewClient會調用這個方法,并傳遞參數:按下的url。比如當webview內嵌網頁的某個數字被點擊時,它會自動認為這是一個電話請求,會傳遞url:tel:123,如果你不希望如此可通過重寫shouldOverrideUrlLoading函數解決:
??
[java] view plaincopyprint?
????????另外還有其他一些可重寫的方法?
1,接收到Http請求的事件
onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)?
?
2,打開鏈接前的事件
public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; }?
這個函數我們可以做很多操作,比如我們讀取到某些特殊的URL,于是就可以不打開地址,取消這個操作,進行預先定義的其他操作,這對一個程序是非常必要的。
?
3,載入頁面完成的事件
public void onPageFinished(WebView view, String url){ }?
同樣道理,我們知道一個頁面載入完成,于是我們可以關閉loading條,切換程序動作。
?
4,載入頁面開始的事件
public void onPageStarted(WebView view, String url, Bitmap favicon) { }?
這個事件就是開始載入頁面調用的,通常我們可以在這設定一個loading的頁面,告訴用戶程序在等待網絡響應。
?
通過這幾個事件,我們可以很輕松的控制程序操作,一邊用著瀏覽器顯示內容,一邊監控著用戶操作實現我們需要的各種顯示方式,同時可以防止用戶產生誤操作。
??????
6)???????如果用webview點鏈接看了很多頁以后,如果不做任何處理,點擊系統“Back”鍵,整個瀏覽器會調用finish()而結束自身,如果希望瀏覽的網頁回退而不是退出瀏覽器,需要在當前Activity中處理并消費掉該Back事件。
???????覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法。
??
[java] view plaincopyprint?B.????Webview與js交互
Webview與js的雙向交互才是android的webview強大所在,也是馬甲精神能夠徹底執行的基礎保障。
首先,webview可以定義一個在其內嵌頁面中可以觸發的事件
?
[java] view plaincopyprint??
通過以上代碼,即可實現在其內嵌網頁中觸發window.demo.clickOnAndroid(str)事件并傳參數str給webview。Webview接收到str之后,可以通過以上代碼觸發其內嵌頁面中的js函數wave(str)。這樣就可以實現網頁觸發webview的事件并傳參數,webview接收參數并調用js函數。
下面看我的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>Insert title here</title>
<script?type="text/javascript"?src="jquery.js"></script>
<script>
function?toclient()
{
????var?order=$("#val").val();
window.demo.clickonAndroid(order);
???
????}
???
????function?wave(str){
???????//alert(str.name);
???????$("#fromclient").text(str.name);
????}
</script>
</head>
????<body>這是一個html頁面
????<br/>
?輸入一個字符串:<br/>
??<input?id="val"?/>
????????<input?type="submit"?value="點擊提交給客戶端"
????????onclick="toclient();"/>
??????<br?/>?
????????顯示返回:<label?id="fromclient"></label>
????</body>
</html>
?
通過腳本看到wave(str)函數是負責將原來傳給webview的數據重新拿回頁面,效果圖如下:
?
?
另外,如果你想獲取頁面的一些處理數據并交給webview客戶端處理,可在wave函數里將數據alert,然后webview中重寫WebChromeClient的onJsAlert函數,具體代碼如下
[java] view plaincopyprint?關于用WebView或手機瀏覽器打開連接問題 轉自:http://blog.csdn.net/chenshijun0101/article/details/7045145
1.通常情況下?大家可能都想使用WebView打開網頁內部鏈接而不想再調用手機瀏覽器,我們可以通過以下兩種方法實現:
(1)為WebView設置一個WebViewClient,并重寫shouldOverrideUrlLoading(WebView view, String url)方法。
[java] view plaincopyprint?(2)為WebView設置一個WebViewClient,并重寫onPageStarted(WebView view, String url, Bitmap favicon)方法。
[java] view plaincopyprint?這兩種方法其實都是讓參數view(WebView)加載參數url從而避免手機瀏覽器加載url,第一種方式更常用一些。
2.但有些情況下??我們可能想用WebView打開大部分鏈接,而有些鏈接我們希望調用手機瀏覽器來打開,我最近的一個項目中就有這樣的需求。這樣其實也很簡單,我們只需要對上面第一種方法加以修改即可。
[java] view plaincopyprint?其中openWithWevView(url)是自己寫的一個方法,用來判斷是否用WevView打開該鏈接。
WebViewClient與WebChromeClient的區別?轉自:http://www.cnblogs.com/Crazy-jacking/archive/2011/11/24/2262425.html
Android應用開發的時候可能會用到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 |
看上去他們有很多不同,實際使用的話,如果你的WebView只是用來處理一些html的頁面內容,只用WebViewClient就行了,如果需要更豐富的處理效果,比如JS、進度條等,就要用到WebChromeClient。
更多的時候,你可以這樣
WebView?webView;??
webView=?(WebView)?findViewById(R.id.webview);?
?webView.setWebChromeClient(new?WebChromeClient());??
webView.setWebViewClient(new?WebViewClient());??
webView.getSettings().
setJavaScriptEnabled(true);?
?webView.loadUrl(url);??
這樣你的WebView理論上就能有大部分需要實現的特色;如果讓其更加的沸騰,你就用你錯才智讓它沸騰吧。
轉載于:https://www.cnblogs.com/qingblog/archive/2012/08/10/2632099.html
總結
以上是生活随笔為你收集整理的Android--WebView的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 视屏接口系列(一 ) ---------
- 下一篇: 工作中非常逆天的shell命令