자바스크립트 코드를 Android 코드에 결합

2021. 4. 30. 10:08Android/WebView

사용 이유 : 자바스크립트로 안드로이드 함수 호출 가능

 

사용 방법 :

 

1. 호출할 함수 정의

    /** Instantiate the interface and set the context  */
    class WebAppInterface(private val mContext: Context) {

        /** Show a toast from the web page  */
        @JavascriptInterface
        fun showToast(toast: String) {
            Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show()
        }
    }
    

 

2. 웹뷰에 연결

    val webView: WebView = findViewById(R.id.webview)
    webView.addJavascriptInterface(WebAppInterface(this), "Android")
    

 

3. 자바스크립트로 사용

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

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

https://developer.android.com/guide/webapps/webview?hl=ko#BindingJavaScript

 

'Android > WebView' 카테고리의 다른 글

WebView 위치 정보 권한 승낙  (0) 2021.05.06
WebView 세팅 속성  (0) 2021.04.30
ScrollView 안에 WebView Height  (0) 2021.04.30
WebView AdjustResize 동작 안함  (0) 2021.04.30
WebView Alert 동작 안함  (0) 2021.04.30