从javascript调用android函数

时间:2014-01-10 09:15:41

标签: javascript android

我想在html中创建一个按钮,并通过javascript从该按钮进行调用。我写了以下代码,但是没有用: 我是android的初学者。

public class MainActivity extends Activity {

    private static final String PIC_WIDTH = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        WebView myWebView = (WebView) findViewById(R.id.webview);

        myWebView.addJavascriptInterface(new JsInterface(), "android");  
myWebView.loadUrl("file:///android_asset/www/index.html");
}

public class JsInterface{  
        public void makeCall()
        {
            Log.i("Myactivity","inside android makecall");
            // Here call any of the public activity methods....
            Intent callIntent = new Intent(Intent.ACTION_CALL);
            callIntent.setData(Uri.parse("tel:9611396958"));
            startActivity(callIntent);
        }
    }


}

在javascript中:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    <head>
<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

</head>


    <body class="bgClass" id="body" ontouchstart="">

    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>   

    <script src="js/myScript.js"></script>
    <button id="makeCall" >CALL</button>
    <script>
      $("#makeCall").click(function(){
        console.log("inside click javascript");
        console.log(window.android);
        android.makeCall();
      });
      </script>
        </body>
</html>

任何帮助??

3 个答案:

答案 0 :(得分:3)

确保您的$("#makeCall")方法在html中响应。

然后进行以下更改。它会起作用。

public class JsInterface{ 
        @JavascriptInterface
        public void makeCall()
        {
            Log.i("Myactivity","inside android makecall");
            // Here call any of the public activity methods....
            Intent callIntent = new Intent(Intent.ACTION_CALL);
            callIntent.setData(Uri.parse("tel:9611396958"));
            startActivity(callIntent);
        }
    }

此注释允许将方法暴露给JavaScript。

答案 1 :(得分:0)

我正在回答我自己的问题,以便它可以帮助别人。:) 终于解决了它: myWebView.setWebViewClient(new MyAppWebViewClient());它丢失了,所以javascript无法运行。我必须添加@JavascriptInterface作为上面提到的Hardik Trivedi。 现在工作正常。

答案 2 :(得分:0)

只需添加webView.getSettings()。setJavaScriptEnabled(true);为我工作。 必须添加@JavascriptInterface。