Android WebView的使用方法及與JS 相互調用
Android WebView的使用方法及與JS 相互調用
1、添加網絡權限
<uses-permission android:name="android.permission.INTERNET" />
2、WebSettings 對訪問頁面進行設置。
WebView mWebView = new WebView(this);
WebSettings webSettings = mWebView .getSettings();//支持獲取手勢焦點,輸入用戶名、密碼或其他
mWebView.requestFocusFromTouch();
webSettings.setJavaScriptEnabled(true); //支持js
webSettings.setUseWideViewPort(true); //將圖片調整到適合webview的大小
webSettings.setLoadWithOverviewMode(true); // 縮放至屏幕的大小
webSettings.setSupportZoom(true); //支持縮放,默認為true。是下面那個的前提。
webSettings.setBuiltInZoomControls(true); //設置內置的縮放控件。
webSettings.setDisplayZoomControls(false); //隱藏原生的縮放控件
webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); //支持內容重新布局
webSettings.supportMultipleWindows(); //多窗口
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); //關閉webview中緩存
webSettings.setAllowFileAccess(true); //設置可以訪問文件
webSettings.setNeedInitialFocus(true); //當webview調用requestFocus時為webview設置節(jié)點
webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //支持通過JS打開新窗口
webSettings.setLoadsImagesAutomatically(true); //支持自動加載圖片
webSettings.setDefaultTextEncodingName("utf-8");//設置編碼格式
3、頁面加載方式
//加載一個網頁:
mWebView.loadUrl();
//加載apk包中的一個html頁面
mWebView.loadUrl();
//加載手機本地的一個html頁面的方法:
mWebView.loadUrl("content://com.android.htmlfileprovider/sdcard/test.html");
4、WebView 的兩個重要方法 WebViewClient 和 WebChromeClient
WebViewClient就是幫助WebView處理各種通知、請求事件的。
//打開網頁時不調用系統(tǒng)瀏覽器, 而是在本WebView中顯示:
mWebView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
});
//將上面定義的webviewclinet設置給webview
mWebView.setWebViewClient(webViewClient);
下面介紹 WebView 的一些事件:
WebViewClient mWebViewClient = new WebViewClient()
{
shouldOverrideUrlLoading(WebView view, String url);
//在網頁上的所有加載都經過這個方法,這個函數我們可以做很多操作。
//比如獲取url,查看url.contains(“add”),進行添加操作
shouldOverrideKeyEvent(WebView view, KeyEvent event);
//重寫此方法才能夠處理在瀏覽器中的按鍵事件。
onPageStarted(WebView view, String url, Bitmap favicon) ;
//這個事件就是開始載入頁面調用的,我們可以設定一個loading的頁面,告訴用戶程序在等待網絡響應。
onPageFinished(WebView view, String url);
//在頁面加載結束時調用。同樣道理,我們可以關閉loading 條,切換程序動作。
onLoadResource(WebView view, String url) ;
// 在加載頁面資源時會調用,每一個資源(比如圖片)的加載都會調用一次。
onReceivedError(WebView view, int errorCode, String description, String failingUrl);
// (報告錯誤信息)
doUpdateVisitedHistory(WebView view, String url, boolean isReload);
//(更新歷史記錄)
onFormResubmission(WebView view, Message dontResend, Message resend);
//(應用程序重新請求網頁數據)
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發(fā)生改變時調用)
onUnhandledKeyEvent(WebView view, KeyEvent event);
//(Key事件未被加載時調用)
}
WebChromeClient是輔助WebView處理Javascript的對話框,網站圖標,網站title,加載進度等。
WebChromeClient mWebChromeClient = new WebChromeClient() {
//獲得網頁的加載進度,顯示在右上角的TextView控件中
@Override
public void onProgressChanged(WebView view, int newProgress) {
if (newProgress < 100) {
String progress = newProgress + "%";
} else {
}
}
//獲取Web頁中的title用來設置自己界面中的title
//當加載出錯的時候,比如無網絡,這時onReceiveTitle中獲取的標題為 找不到該網頁,
//因此建議當觸發(fā)onReceiveError時,不要使用獲取到的title
@Override
public void onReceivedTitle(WebView view, String title) {
MainActivity.this.setTitle(title);
}
@Override
public void onReceivedIcon(WebView view, Bitmap icon) {
//
}
@Override
public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg) {
//
return true;
}
@Override
public void onCloseWindow(WebView window) {
}
//處理alert彈出框,html 彈框的一種方式
@Override
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
//
return true;
}
//處理confirm彈出框
@Override
public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult
result) {
//
return true;
}
//處理prompt彈出框
@Override
public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
//
return true;
}
};
//同樣,將上面定義的WebChromeClient設置給WebView:
webView.setWebChromeClient(mWebChromeClient);
5、調用 JS 代碼
WebSettings webSettings = mWebView .getSettings(); webSettings.setJavaScriptEnabled(true);//這里必須設置 mWebView.addJavascriptInterface(new InsertObj(), "jsObj");
以下方法是 Android 和 JS 的交互
public class InsertObj extends Object {
private static Activity mActivity;
private static WebView mWebView;
public InsertObj(Activity activity, WebView webView) {
mActivity = activity;
mWebView = webView;
}
//給html提供的方法,js中可以通過:var str = window.jsObj.HtmlcallJava(); 獲取到
@JavascriptInterface
public String HtmlcallJava() {
return "Html call Java";
}
//給html提供的有參函數 : window.jsObj.HtmlcallJava2("IT-homer blog");
@JavascriptInterface
public String HtmlcallJava2(final String result) {
return "Html call Java : " + result;
}
//Html給我們提供的函數
@JavascriptInterface
public static void JavacallHtml() {
mActivity.runOnUiThread(new Runnable() {
@Override
public void run() {
//這里是調用方法
mWebView.loadUrl("javascript: showFromHtml()");
Toast.makeText(mActivity, "clickBtn", Toast.LENGTH_SHORT).show();
}
});
}
//Html給我們提供的有參函數
@JavascriptInterface
public static void JavacallHtml2(final String param) {
mActivity.runOnUiThread(new Runnable() {
@Override
public void run() {
mWebView.loadUrl("javascript: showFromHtml2('"+param+"')");
Toast.makeText(mActivity, "clickBtn2", Toast.LENGTH_SHORT).show();
}
});
}
}
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>無標題 1</title>
<script type="text/javascript">
function HtmlcallJava(){
var str = window.jsObj.HtmlcallJava();
alert(str);
}
function HtmlcallJava2(){
var str = window.jsObj.HtmlcallJava2("HTML");
alert(str);
}
function showFromHtml()
{
alert("我是js方法,我被Android后臺調用");
}
function showFromHtml2(result)
{
alert("我是js方法,我被Android后臺調用 "+result);
}
</script>
</head>
<body>
<button onclick="HtmlcallJava()">HtmlcallJava</button>
<button onclick="HtmlcallJava2()">HtmlcallJava2</button>
</body>
</html>
6、WebView 返回鍵
public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
mWebView.goBack();
return true;
}
return super.onKeyDown(keyCode, event);
}
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持,如有疑問請留言或者到本站社區(qū)交流討論,大家共同進步!
相關文章
Android編程滑動效果之Gallery+GridView實現圖片預覽功能(附demo源碼下載)
這篇文章主要介紹了Android編程滑動效果之Gallery+GridView實現圖片預覽功能,結合實例形式分析了Android通過GridView和Gallery兩個控件模仿Gallery圖像集圖片預覽功能,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-02-02
Android TabHost選項卡標簽圖標始終不出現的解決方法
這篇文章主要介紹了Android TabHost選項卡標簽圖標始終不出現的解決方法,涉及Android界面布局相關屬性與狀態(tài)設置操作技巧,需要的朋友可以參考下2019-03-03
詳解Android開發(fā)錄音和播放音頻的步驟(動態(tài)獲取權限)
這篇文章主要介紹了詳解Android開發(fā)錄音和播放音頻的步驟(動態(tài)獲取權限),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-08-08

