web-dev-qa-db-ja.com

Android webviewでjavascriptを使用

WebViewでJavaScriptインターフェイスからアクティビティを開始しようとしています。この例はトーストを示しています。トーストではなくクラスを呼び出すにはどうすればよいですか？

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);
}
javascriptandroidwebview
27
Common

最初に、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>

お役に立てれば...

68
Akshay

また、実行する場合は、Androidコード内のchangeActivityメソッドの上に@ Android.webkit.JavascriptInterfaceアノテーションを追加する必要があります。 on Android 4.2以降。詳細はこちらをご覧ください link .

18
goseib