1. 程式人生 > >android WebView中的誤區和解決方法

android WebView中的誤區和解決方法

在android web開發的時候,WebView是必不可少的控制元件,但是你知道它的介面都是什麼意思嗎?那麼我們來學習玩一玩。
webView屬性和方法呼叫介紹

1.shouldOverrideUrlLoading 重新載入url誤區

這個方法是WebClient介面的一個回撥方法,主要作用是防止重定向連結跳出webview。但是有的文章會這樣寫:
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
view.loadUrl(url)發現這樣的話重定向的連結會多發一次,嚴重影響效率,後來把這句刪掉,webview也能夠正常的前進後退了。
2. 通過java程式碼呼叫javascript
WebSettings webSettings = mWebView .getSettings(); webSettings.setJavaScriptEnabled(true); mWebView.addJavascriptInterface(new Object() {
public void clickOnAndroid() {
mHandler.post(new Runnable() {
});
} }, “demo”);
Android在4.4之前並沒有提供直接呼叫js函式並獲取值的方法,所以在此之前,常用的思路是 java呼叫js方法,js方法執行完畢,再次呼叫java程式碼將值返回。
Android 4.4之後使用evaluateJavascript即可。
private void testEvaluateJavascript(WebView webView) {
webView.evaluateJavascript(“getGreetings()”, new ValueCallback() {
@Override
public void onReceiveValue(String value) {
Log.i(LOGTAG, “onReceiveValue value=” + value);
}});
}
3. 按返回鍵時, 不退出程式而是返回上一瀏覽頁面:
public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KeyEvent.KEYCODE_BACK) &&mWebView.canGoBack()) {
return true;
} return super.onKeyDown(keyCode, event); }
4. 開啟頁面時, 自適應螢幕:
WebSettings webSettings = mWebView .getSettings(); webSettings.setUseWideViewPort(true);//設定此屬性,可任意比例縮放 webSettings.setLoadWithOverviewMode(true);
5. 便頁面支援縮放:
WebSettings webSettings = mWebView .getSettings(); webSettings.setJavaScriptEnabled(true); webSettings.setBuiltInZoomControls(true); webSettings.setSupportZoom(true);
6.如果webView中需要使用者手動輸入使用者名稱、密碼或其他,則webview必須設定支援獲取手勢焦點。
webview.requestFocusFromTouch();
7.WebView 載入介面主要呼叫三個方法:LoadUrl、LoadData、LoadDataWithBaseURL.
1、LoadUrl 直接載入網頁、圖片並顯示.(本地或是網路上的網頁、圖片、gif)
2、LoadData 顯示文字與圖片內容 (模擬器1.5、1.6)
3、LoadDataWithBase 顯示文字與圖片內容(支援多個模擬器版本)
8.WebSettings 的常用方法介紹
setJavaScriptEnabled(true); //支援js
setPluginsEnabled(true); //支援外掛
setUseWideViewPort(false); //將圖片調整到適合webview的大小
setSupportZoom(true); //支援縮放
setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); //支援內容重新佈局
supportMultipleWindows(); //多視窗
setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); //關閉webview中快取
setAllowFileAccess(true); //設定可以訪問檔案
setNeedInitialFocus(true); //當webview呼叫requestFocus時為webview設定節點
webview webSettings.setBuiltInZoomControls(true); //設定支援縮放
setJavaScriptCanOpenWindowsAutomatically(true); //支援通過JS開啟新視窗
setLoadWithOverviewMode(true); // 縮放至螢幕的大小
setLoadsImagesAutomatically(true); //支援自動載入圖片
9.WebViewClient 的方法全解
doUpdateVisitedHistory(WebView view, String url, boolean isReload) //(更新歷史記錄)
onFormResubmission(WebView view, Message dontResend, Message resend) //(應用程式重新請求網頁資料)
onLoadResource(WebView view, String url) // 在載入頁面資源時會呼叫,每一個資源(比如圖片)的載入都會呼叫一次。 onPageStarted(WebView view, String url, Bitmap favicon) //這個事件就是開始載入頁面呼叫的,通常我們可以在這設定一個loading的頁面,告訴使用者程式在等待網路響應。
onPageFinished(WebView view, String url) //在頁面載入結束時呼叫。同樣道理,我們知道一個頁面載入完成,於是我們可以關閉loading 條,切換程式動作。
onReceivedError(WebView view, int errorCode, String description, String failingUrl)// (報告錯誤資訊) onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host,String realm)//(獲取返回資訊授權請求)
onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) //重寫此方法可以讓webview處理https請求。
onScaleChanged(WebView view, float oldScale, float newScale) // (WebView發生改變時呼叫)
onUnhandledKeyEvent(WebView view, KeyEvent event) //(Key事件未被載入時呼叫)
shouldOverrideKeyEvent(WebView view, KeyEvent event)//重寫此方法才能夠處理在瀏覽器中的按鍵事件。 shouldOverrideUrlLoading(WebView view, String url) //在點選請求的是連結是才會呼叫,重寫此方法返回true表明點選網頁裡面的連結還是在當前的webview裡跳轉,不跳到瀏覽器那邊
如何監聽webview的滾動事件
首先得監聽webview的滾動事件,至少需要獲得兩個方面的資訊:
1.滾動的偏移量 2.滾動的方向
但是WebView並沒有對外提供一個類似於setOnScrollChangedListener之類的監聽者,只有一個如下的protected方法:
protected void onScrollChanged(final int l, final int t, final int oldl,
final int oldt) {}
所以我們來一個自定義的webview
import android.content.Context;
import android.util.AttributeSet;
import android.webkit.WebView;
public class ObservableWebView extends WebView {
private OnScrollChangedCallback mOnScrollChangedCallback;
public ObservableWebView(final Context context) {
super(context);
}
public ObservableWebView(final Context context, final AttributeSet attrs) {
super(context, attrs);
}
public ObservableWebView(final Context context, final AttributeSet attrs,
final int defStyle) {
super(context, attrs, defStyle);
}
@Override
protected void onScrollChanged(final int l, final int t, final int oldl,
final int oldt) {
super.onScrollChanged(l, t, oldl, oldt);
if (mOnScrollChangedCallback != null) {
mOnScrollChangedCallback.onScroll(l - oldl, t - oldt);
}
}
public OnScrollChangedCallback getOnScrollChangedCallback() {
return mOnScrollChangedCallback;
}
public void setOnScrollChangedCallback(
final OnScrollChangedCallback onScrollChangedCallback) {
mOnScrollChangedCallback = onScrollChangedCallback;
}
/**
* Impliment in the activity/fragment/view that you want to listen to the webview
*/
public static interface OnScrollChangedCallback {
public void onScroll(int dx, int dy);
}
}
這裡我們定義了一個OnScrollChangedCallback介面,其中dx和dy分別是滾動的時候,x和y方向上的偏移量。
這個偏移量是根據onScrollChanged方法的四個引數計算出來的:
mOnScrollChangedCallback.onScroll(l - oldl, t - oldt);
現在一個對外提供了滾動引數的自定義webview就寫好了,讓我們看看如何在外部使用:
wv = (ObservableWebView) findViewById(R.id.scorllableWebview);
wv.setOnScrollChangedCallback(new OnScrollChangedCallback(){
public void onScroll(int dx, int dy){
//這裡我們根據dx和dy引數做自己想做的事情
}
});
webview的cook使用

當native與js互動時存cookie看到很多人遇到過這樣一個問題,cookie存不進去,網上有很多解釋方案,但是很多沒說到重點上,這裡直接貼一下程式碼:

public static void synCookies(Context context, String url, String version) {
CookieSyncManager.createInstance(context);
CookieManager cookieManager = CookieManager.getInstance();
cookieManager.setAcceptCookie(true);
cookieManager.removeAllCookie();
cookieManager.setCookie(url, “sessionKey=” + UserInfoShareprefrence.getInstance(context).getLocalSessionKey());
cookieManager.setCookie(url, “productVersion=android-epocket-v” + version);
CookieSyncManager.getInstance().sync();
}