[android] 자바스크립트에서 함수 호출 및 자바스크립트 호출하기

[자바스크립트에서 안드로이드 함수 호출]

1. 인터페이스 클래스 생성

targetSdkVersion을 17이상이면 @JavascriptInterface를 꼭 추가해야한다.

추가하지 않으면 함수가 동작하지 않는다.

1 2 3 4 5 6 7 8 9 10 11 12 13 14

public class WebAppInterface {     Context mContext;     /** Instantiate the interface and set the context */     WebAppInterface(Context c) {         mContext = c;     }     /** Show a toast from the web page */     @JavascriptInterface     public void showToast(String toast) {         Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();     } }

2. 웹뷰 생성 및 인터페이스 등록

1 2 3 4 5 6 7

WebView webView = (WebView) findViewById(R.id.webview); webView.addJavascriptInterface(new WebAppInterface(this), "Android"); WebSettings webSettings = mWebView.getSettings(); webSettings.setJavaScriptEnabled(true); mWebView.loadUrl("file:///android_asset/testjavascript.html");

3. html파일에서 WebAppInterface클래스의 showToast함수 호출.

1 2 3 4 5 6 7

<input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" /> <script type="text/javascript">     function showAndroidToast(toast) {         Android.showToast(toast);     } </script>

4. Say hello버튼을 누르게 되면 'Hello Android!라는 토스트 메시지를 띄우게 된다.

[안드로이드에서 자바스크립트 함수 호출]

1. 안드로이드에서 호출

WebView명.loadUrl("javascript:함수명()");

1	mWebView.loadUrl("javascript:setViewAndroid()");

2. html파일 자바스크립트 함수 생성

1 2 3 4 5

<script type="text/javascript">     function setViewAndroid() {         // 내용     } </script>

[proguard 적용시 제대로 작동하지 않는다면!?]

아래의 내용을 추가해보자.

1 2 3

-keepclassmembers class * {     @android.webkit.JavascriptInterface <methods>; }