在Android WebView中使用JavaScript

Question

在Android WebView中使用JavaScript

31

我正在尝试从我的Webview的JavaScript接口启动一个活动。示例展示了如何使用Toast。如何调用类而不是Toast？

public class JavaScriptInterface {
Context mContext;

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

/** Show a toast from the web page */
public void showToast(String toast) {
    Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
}
}

这是用于HTML页面的内容。

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

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

- Common

4

我经验不足，无法回答，但你是否阅读过这篇文章：http://developer.android.com/guide/webapps/webview.html#UsingJavaScript - JaredMcAteer

1

好的，我只是没有看到你在webview中启用JavaScript的任何地方，所以认为这很重要。 - JaredMcAteer

你没有理解我的问题，我想调用一个意图而不是Toast。我已经让Toast示例工作了。无论如何，谢谢。 - Common

我想在没有任何Webview的情况下实现。只是内部实现，这可能吗？ - Sagar Nayak

2个回答

18

如果您在Android 4.2或更高版本上运行，您还需要在您的Android代码中changeActivity方法的顶部添加@android.webkit.JavascriptInterface注释。请查看此链接了解更多信息。

- goseib

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Akshay · Accepted Answer

你需要先在Webview上注册JavaScriptInterface。如下所示，JavaScriptInterFace可以是一个内部类。该类将具有一个函数，您可以从html页面（通过javaScript）调用该函数，并在此函数内编写更改活动的代码。

这是适用于您的可行解决方案：

public class JavascriptInterfaceActivity extends Activity {
    /** Called when the activity is first created. */


    WebView wv;

    JavaScriptInterface JSInterface;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        wv = (WebView)findViewById(R.id.webView1);

        wv.getSettings().setJavaScriptEnabled(true);
        // register class containing methods to be exposed to JavaScript

        JSInterface = new JavaScriptInterface(this);
        wv.addJavascriptInterface(JSInterface, "JSInterface"); 

        wv.loadUrl("file:///android_asset/myPage.html");

    }


    public class JavaScriptInterface {
        Context mContext;

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

        @android.webkit.JavascriptInterface
        public void changeActivity()
        {
            Intent i = new Intent(JavascriptInterfaceActivity.this, nextActivity.class);
            startActivity(i);
            finish();
        }
    }
}

这是一个HTML页面

<html>
<head>
<script type="text/javascript">
function displaymessage()
{
JSInterface.changeActivity();
}
</script>
</head>

<body>
<form>
<input type="button" value="Click me!" onclick="displaymessage()" />
</form>
</body>
</html>

希望这可以帮助到你...