2024年Web前端最新谈一下WebView，vue前端面试题

总结

根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

这里分享一些前端学习笔记：

• html5 / css3 学习笔记

  

• JavaScript 学习笔记

  

• Vue 学习笔记

  

首先 Native 端需要实现这么一个类，给 JavaScript 调用。

public class WebAppInterface {    @JavascriptInterface    public void showToast(String toast) {         Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();    }``}

然后将这个 WebAppInterface类，通过以下代码，添加到 WebView 的 JavaScriptInterface 中。​​​​​​​

WebView webView = (WebView) findViewById(R.id.webview);``webView.addJavascriptInterface(new WebAppInterface(this), “Android”); // 这里的Android会被当做一个变量，注入到页面的window中。

接着就可以在 JS 中调用 Native 了。

​​​​​​​

function showAndroidToast(toast) {    Android.showToast(toast);``}

2、WebViewCli