Estoy cargando la página web en webview usando WebChromeClient(). La página web tiene un menú desplegable cada vez que el usuario selecciona el elemento de ese menú desplegable. Necesito mostrar un brindis. Para esto, estoy siguiendo el documento oficial . He implementado lo mismo que dice el documento. aún así, recibo el error en la consola. "showToast no es una función".
En Fragmento:
override fun onViewCreated(view: View, savedInstanceState: Bundle?) { super.onViewCreated(view, savedInstanceState) val webSettings = webView.settings webSettings.javaScriptEnabled = true webSettings.domStorageEnabled = true webSettings.databaseEnabled = true webView.addJavascriptInterface(WebAppInterface(requireContext()), "Android") webView.webChromeClient = object : WebChromeClient() { override fun onConsoleMessage(consoleMessage: ConsoleMessage): Boolean { Log.i(TAG, consoleMessage.message()) return true } override fun onProgressChanged(view: WebView?, newProgress: Int) { super.onProgressChanged(view, newProgress) if (newProgress == 100) { if (webView != null) { webView.settings.builtInZoomControls = true webView.settings.displayZoomControls = false webView.loadUrl("javascript:loadMobileDashboard($data);") } } } } webView.loadUrl(url) }
Interfaz de aplicación web:
class WebAppInterface(private val context: Context) { private val TAG = WebAppInterface::class.java.simpleName @JavascriptInterface fun showToast(toast: String) { Log.d(TAG, "showToast: $toast") } }
Intenté varios cambios y busqué al respecto en Internet, no funcionó como una solución única. Por favor, hágame saber qué error estoy cometiendo aquí. Gracias :)
Cree una página html en su carpeta de activos, digamos llamada dropDown.html.
Copie este código en ese archivo
<input type="dropDown" value="Hello" onClick="showToastInWebView('strMsg')" /> <script type="text/javascript"> function showToastInWebView(toast) { Android.showToast(toast); } </script>
Ahora cargue la URL como esta
myWebView.loadUrl("file:///android_asset/dropDown.html");
Nota: webView no invoca la función JS a la que ha agregado un puente. Debe usar su propia página web (en este caso, que es dropDown.html) que sí invoca la función, ya sea local (nuestro caso) o en la web .