【webView】webView和原生Android交互

原生Android可以嵌入webView，webView,native,weex三者之间可以交互，主要通过native这个桥梁
一般有以下几种情况：

webView–>native
webView–>weex
native–>webView
weex–>webView

其实以上无论是如何跳转，我们所要做的就是将webView的js文件和Android（native）交互起来
首先在Android方面，创建webViewActivity.
activity_webView

 <WebViewandroid:id="@+id/wv"android:layout_width="match_parent"android:layout_height="wrap_content"tools:ignore="MissingConstraints"></WebView>

 public WebView wv;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_webView);HashMap<String, String> header = new HashMap<>();header.put("token", "");wv.loadUrl(getIntent().getStringExtra("url"),header);//设置方法名wv.addJavascriptInterface(this,"nativeMethod");}@JavascriptInterfacepublic void openPage(String url) throws UnsupportedEncodingException {//webView传递过来做的一些操作}

其次在js文件方面

 <a  href="javascript:;" onclick="openPage(id)">跳转原生/weex</a>
function openPage(id) {var weexUrl = encodeURIComponent(url);var param = encodeURIComponent(JSON.stringify({id:id}));var url = `page://weex?url=${weexUrl}&param=${param}`;//关键点nativeMethod.openPage(url);}

从上面我们可以看到，当我们从原生点击跳到webViewActivity时，会加载webView的url，当我们点击webview页面中的openPage时，我们就可以跳回到webViewActivity的openPage方法内，然后在其中我们可以做一些操作，比如跳转到weex页面或者是其他的原生页面。
撒花完结~

【webView】webView和原生Android交互相关推荐

Flutter1.12与原生Android交互（kotlin）
开发原生部分,还是点击Open for Editing in Android Studio好用,提示.自动引用功能都能正常使用. -----------android/app/src/main/kot ...
uniApp如何与原生Android交互传递数据
uniApp与Android原生插件互传数据 uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS.Android.Web(响应式).以及各种小程序(微 ...
android webview调js方法,Android中WebView与H5的交互，Native与JS方法互调
项目中经常用到WebView与H5的交互,一个是H5调本地方法,一个是本地调H5方法,在此记录一下. 首先,启用JS支持 //启用js支持 webSettings.setJavaScriptEnabl ...
Android Webview录音功能与原生录音实现
近日项目集成了个带聊天功能的Webview,一开始只是文字聊天后来增加需求要可以发文字/图片/语音等,一开始使用Webview自带的授权来实现录音功能的,只要授权即可,后面由于IOS的不支持,导致要跟 ...
UCML 原生Android中嵌入Cordova Webview
Android实现在当前进程打开网页可以将Cordova中的WebView嵌入Android项目中,实现简单,不需要自己实现,所以掌握如何嵌入WebView对项目快速开发很有帮助官方也有这方面的教程 ...
关于原生android与H5交互的方法
文章目录原生android与H5交互 android调用H5方法 H5调用android 原生android与H5交互前面讲解方法,结尾放代码 android调用H5方法首先需要一个WebVie ...
WebView的使用之Android与JS通过WebView互调方法
WebView的使用之Android与JS通过WebView互调方法一.概述: Android与JS通过WebView实现交互,实际上是: Android调用JS的代码: JS调用Android的 ...
android9系统webview崩溃,Android WebView已开始在Android 9上崩溃
您好专家Android开发人员: 我们有一个android应用,我们的基本工作流程如下通过电子邮件或短信向用户发送了链接用户单击链接,然后在Chrome或Android默认浏览器上打开一个页面,并 ...
android webview 本地视频播放,javascript – Android WebView不允许加载本地视频文件
我有一个带有WebView的应用程序,显示一个HTML文件.在HTML文件中,有一个按钮,用于请求用户录制视频,或从文档文件夹中选择视频. 在选择(或录制)视频时,它会将带有链接(由Uri编码)的ja ...
android 除了webview 浏览器控件,android开发我的新浪微博客户端-OAuth认证过程中用WebView代替原来的系统自带浏览器...
前面的文章的OAuth认证过程在获取oauth_verifier码是是通过调用android系统带的浏览器进行用户授权认证的, 具体见:android开发我的新浪微博客户端-用户授权页面功能篇(3.2 ...

【webView】webView和原生Android交互

【webView】webView和原生Android交互相关推荐

最新文章

热门文章