Android WebView中的JavaScript代碼使用


Android WebView中的JavaScript代碼使用


  另外,因為JS代碼和Java對象在這個WebView所私有的后台線程交互,所以還需要注意線程安全性問題。

  注意,與JS代碼綁定的的這個Java對象運行在另一個線程中,與創建它的線程不是一個線程。

  注意,這個Java對象的域是不可訪問的。

 

綁定JavaScript與Android代碼的例子

  比如可以定義這么一個類:

復制代碼
    /**
* 自定義的Android代碼和JavaScript代碼之間的橋梁類
*
*
@author 1
*
*/
public class WebAppInterface
{
Context mContext;

/** Instantiate the interface and set the context */
WebAppInterface(Context c)
{
mContext
= c;
}

/** Show a toast from the web page */
// 如果target 大於等於API 17,則需要加上如下注解
// @JavascriptInterface
public void showToast(String toast)
{
// Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
Toast.makeText(mContext, toast, Toast.LENGTH_LONG).show();
}
}
復制代碼

 

  然后將這個類和你的WebView中的JS代碼綁定:

WebView webView = (WebView) findViewById(R.id.webview);
webView.addJavascriptInterface(
new WebAppInterface(this), "Android");

  給這個對象起的別名叫“Android”。

  這個就創立了一個接口名,叫“Android”,運行在WebView中的JS代碼可以通過這個名字調用WebAppInterface類中的showToast()方法:

復制代碼
<input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />

<script type="text/javascript">
function showAndroidToast(toast)
{
Android.showToast(toast);
}
</script>
復制代碼

 

特別注意:需要設置chrome handler

  這個問題讓我納悶了好久,因為開始的時候我寫的程序,JS代碼中的按鈕會出現在WebView中,但是點擊下去后,不會彈出相應的對話框之類。

  也就是說JS代碼調用自己也沒有執行?

  同樣的代碼在別的地方執行可以正常彈出啊。所以我還提問來着:http://q.cnblogs.com/q/47060/

  后來找了半天原因,才發現兩個問題:

  1.網頁按鈕按下后不出現JS對話框是因為沒有設置chrome handler,需要設置如下: 

復制代碼
        // 如果不設置這個,JS代碼中的按鈕會顯示,但是按下去卻不彈出對話框
// Sets the chrome handler. This is an implementation of WebChromeClient
// for use in handling JavaScript dialogs, favicons, titles, and the
// progress. This will replace the current handler.
myWebView.setWebChromeClient(new WebChromeClient()
{

@Override
public boolean onJsAlert(WebView view, String url, String message,
JsResult result)
{
// TODO Auto-generated method stub
return super.onJsAlert(view, url, message, result);
}

});
復制代碼

  

  2.調用Android代碼的那個按鈕也沒有出現Toast是因為我把別名寫錯了(大小寫沒有注意)。(這個錯誤可以忽略,但是大家也要引以為戒。。Orz。。。)

 

 

Android調用JavaScript代碼

   這個還比較簡單,需要調用的時候只需要一行代碼:  

myWebView.loadUrl("javascript:myFunction()");

  其中myFunction()是JS函數。

  這里要補充一下,如果JavaScript函數是帶參數的,那么調用時要特別注意。

  比如下面這個JS函數,在原來內容上加入一行:

    function writeLine(string)
{
console.log(
"Write a new Line");//調試信息
document.getElementById("content").innerHTML += string + "<br />";//在content標簽段落加入新行
}

  注:其中content是自定義的標簽,html中有一個段落是:

    <p id="content"></p>

  那么在Android代碼中調用這個writeLine()函數時,需要傳入一個字符串參數,比如,想要傳入一個叫name的String:

myWebView.loadUrl("javascript:writeLine('"+name+"')");//JS代碼要是帶參數

  還有就是要注意雙引號中的函數名一定不要寫錯。


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com