溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

使用webView中的javaScript調(diào)用Android方法

發(fā)布時間：2020-07-08 23:00:06 來源：網(wǎng)絡(luò) 閱讀：1054 作者：poarry 欄目：移動開發(fā)

之前接觸過的webView只是了解，知道Android提供了webView組件，它本身就是瀏覽器的實現(xiàn)，內(nèi)核基于開源的WebKit引擎。webView和普通的ImageView組件的用法基本類似，有大量的方法來執(zhí)行瀏覽器操作，

  比如 void goBack()后退  

            void goForward()  前進(jìn) 

            void loadUrl(String url) 加載指定的Url對應(yīng)的網(wǎng)頁

             boolean zoomln()放大網(wǎng)頁

等等。

另外，webView也提供了架子html代碼的方法loadData(String baseUrl,String mimeType ,String encoding。。。。).

  現(xiàn)在因為接觸到要加載html網(wǎng)頁并且有交互，所以看了一下Android這塊支持調(diào)用Android方法的webview。

   使用webView中的javaScript調(diào)用Android

    很多時候，webView加載頁面是帶的javaScript腳本，比如網(wǎng)頁上有個按鈕，用戶點擊按鈕之后將會有相應(yīng)，因為按鈕是html頁面上的，所以按鈕只能激發(fā)一段javaScript腳本，這就需要javaScript腳本調(diào)用Android方法來實現(xiàn)響應(yīng)。

  為了讓webView飛javaScript調(diào)用Android方法，webView提供了一個配套的webSettings工具類，該類提供了大量的方法來管理webView的選項設(shè)置。

   WebView的javaScript中調(diào)用Android方法的步驟有三個：

   1、調(diào)用webView關(guān)聯(lián)的webSettings的setJavaScriptEnabled(true)，啟用javaScript調(diào)用功能

    2、調(diào)用webView的addjavasriptInterface(Object object,String name)方法將object暴露給javaScript

    3、在javaScript腳本中通過剛才暴露的name對象調(diào)用Android方法。

 

大概代碼如下，不過完整代碼在附件中可以下載。

 

activity

 

public class MainActivity extends Activity {

 private WebView webView;
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  webView = (WebView)findViewById(R.id.webview_s);
 //加載本地的assets下 的testhtml文件，也可以加載網(wǎng)頁或者服務(wù)器上的 網(wǎng)頁

 webView.loadUrl("file:///android_asset/test.html");
  //獲取websettings對象

WebSettings webSetting = webView.getSettings();
  //啟用javaScript功能

webSetting.setJavaScriptEnabled(true);
 //將MyObject對象暴露給javaScript腳本，這樣test.html網(wǎng)頁 的javaScript就可以通過myObj來調(diào)用      //  MyObject的方法；

 webView.addJavascriptInterface(new MyObject(this), "myObj");
  
 }

}

 

 //這個類就是自定義的，

public class MyObject {
 Context mContext;
 public  MyObject (Context c){
  mContext = c;
 }
public void showToast(String name){
 Toast.makeText(mContext, name, Toast.LENGTH_SHORT).show();
}
}

 

 

test.html

  按鈕的   javaScript通過muObj來調(diào)用方法

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>

<style type="text/css">
.highlight{ background:#FF3300;
}
</style>
</head>

<body>
<div id="panel">
 <h6 class="head">什么是jquery？</h6>
    <div class="content">
    JavaScript作為Web開發(fā)的客戶端標(biāo)準(zhǔn)語言，逐漸被人們重視。由于JavaScript僅定義了
本的語法規(guī)范和邏輯結(jié)構(gòu)，
    </div>
</div>
<input type ="button" value = "打招呼" onclick ="myObj.showToast('eeee');"/>

</body>
</html>

 

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手