eclipse使用JavascriptInterface从javascript触发toast

时间:2013-07-30 11:16:59

标签: java javascript android webview toast

你好,我试着用几天的方式让这个工作,我失败了如果有人能帮我找出我做错了什么,我想要的是当我按下按钮它会显示javascript Toast中的文字:

我的java主:

package com.callphone;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.Toast;


public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        String content = "file:///android_asset/www/mypage.html";
        WebView webView = (WebView) findViewById(R.id.mybrowser);
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webView.setWebChromeClient(new WebChromeClient());
        webView.loadUrl(content);
        webView.addJavascriptInterface(new MyJavaScriptInterface(this), "AndroidFunction");
    }
        public class MyJavaScriptInterface {
             Context mContext;

                MyJavaScriptInterface(Context c) {
                    mContext = c;
                }
                public void showToast(String toast){
                    Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
                }
    }

   } 

我的xml:

   <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:orientation="vertical"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   >
<WebView
   android:id="@+id/mybrowser"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
  />

</LinearLayout> 

我的HTML:

 <!DOCTYPE html>
<html>
<head>
<script src="index.js"></script>
</head>
<body>
<h1>What's your number</h1>
<button onclick="shownumber('55555')">show number</button>
</body>
</html>  

和我的javascript:

function shownumber(number) { AndroidFunction.showToast(number); }

当我更改javascript以提醒它显示警报时,所以我想到AndroidFunction的问题

提前感谢。

1 个答案:

答案 0 :(得分:1)

根据doucmentation,您在MyJavaScriptInterface

中缺少注释@JavascriptInterface

这应该有效:

public class MyJavaScriptInterface {
             Context mContext;

                MyJavaScriptInterface(Context c) {
                    mContext = c;
                }
                @JavascriptInterface
                public void showToast(String toast){
                    Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
                }
    }