安卓与JS互调之android webview addJavascriptInterface 的方法不能调用

最新推荐文章于 2022-06-03 22:21:16 发布
最新推荐文章于 2022-06-03 22:21:16 发布
阅读量1.8w 收藏 5
点赞数 3
文章标签： android webview html5

以前一直觉着用HTML5做Android app是一件很鸡肋的事（勿喷，请恕小的见识少微笑）。

后来又发现很多大公司做的app中都或多或少的使用了html元素，比如微信、qq之类。

最近在网上闲逛发现一个IDE可以使用纯html js css设计app并发布到多个平台，并且更牛的是可以直接使用它提供的js api调用各种系统原生的api。一时心动下载研究。后来发现也并不是想象中多么神奇的事情。

于是乎自己动手；想用html的方式来做界面设计，用js调用一些常用的系统api。比如说http请求、弹窗提示等等。

说搞就搞，由于自己以前没有怎么接触过webview，先做个demo测试测试。

所有代码准备就绪。结果一运行点击按钮居然什么反应都没有。

就十几行代码；各种检查，各种看不出问题所在。

又把以前做的类似的webview的demo导入eclipse运行。居然没问题。。。。。。

把两个demo代码反复比较，都没有找到问题。

结果最终发现居然是我 target api 是4.2的以前的api是4.0的。。。。

4.2及以上api与JavaScript交互时需要在方法上添加注解@JavascriptInterface 。

好了。下面吧代码摆出来做个记录：


我们需要些的就三个文件画红圈的文件。

MainActivity.Java

  1. package com.example.testwebview;  
  2.   
  3. import android.os.Bundle;  
  4. import android.annotation.SuppressLint;  
  5. import android.app.Activity;  
  6. import android.webkit.JavascriptInterface;  
  7. import android.webkit.WebView;  
  8. import android.widget.Toast;  
  9.   
  10. public class MainActivity extends Activity {  
  11.   
  12.     private WebView webView;  
  13.     @SuppressLint("SetJavaScriptEnabled")  
  14.     @Override  
  15.     protected void onCreate(Bundle savedInstanceState) {  
  16.         super.onCreate(savedInstanceState);  
  17.         setContentView(R.layout.webview);  
  18.         webView = (WebView)this.findViewById(R.id.webview);  
  19.         //启用javascript  
  20.         webView.getSettings().setJavaScriptEnabled(true);  
  21.         //加载本地html文件  
  22.         webView.loadUrl("file:///android_asset/test.html");  
  23.         /** 
  24.          * 添加javascriptInterface 
  25.          * 第一个参数：这里需要一个与js映射的java对象 
  26.          * 第二个参数：该java对象被映射为js对象后在js里面的对象名，在js中要调用该对象的方法就是通过这个来调用 
  27.          */  
  28.         webView.addJavascriptInterface(new JSInterface(), "jsi");  
  29.     }  
  30.       
  31.     @SuppressWarnings("unused")  
  32.     private final class JSInterface{  
  33.         /** 
  34.          * 注意这里的@JavascriptInterface注解， target是4.2以上都需要添加这个注解，否则无法调用 
  35.          * @param text 
  36.          */  
  37.         @JavascriptInterface  
  38.         public void showToast(String text){  
  39.             Toast.makeText(getApplicationContext(), text, Toast.LENGTH_SHORT).show();  
  40.         }  
  41.         @JavascriptInterface  
  42.         public void showJsText(String text){  
  43.             webView.loadUrl("javascript:jsText('"+text+"')");  
  44.         }  
  45.     }  
  46.   
  47. }  
test.html

[html]  view plain  copy
  1. <html>  
  2.     <head>  
  3.         <meta http-equiv="content-type" content="text/html;charset=utf-8">  
  4.         <title></title>  
  5.         <script type="text/javascript">  
  6.         //这个function是需要被java调用的  
  7.         function jsText(text){  
  8.             document.getElementById('ttt').innerHTML=text;  
  9.         }  
  10.         </script>  
  11.     </head>  
  12.     <body>  
  13.         <input type="button" onclick="jsi.showToast('测试js调用系统api')" value="调用系统api Toast"/><br/>  
  14.         <input type="button" onclick="jsi.showJsText('测试java回调js')" value="让java方法回调html中的js方法"/>  
  15.         <div id="ttt"></div>  
  16.     </body>  
  17. </html>  
webview.xml

[html]  view plain  copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <WebView xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:id="@+id/webview" >  
  6.       
  7.   
  8. </WebView>  
关于AndroidManifest.xml中的权限问题。我看了很多帖子都说要加internet访问权限。

其实经过我测试。如果你的应用中没有需要访问网络的地方、并且你的所有html js css都是放在assets目录下没有从网络上读取文件，是可以不加这个权限的。

下面是我的androidmanifest文件


到这里我的测试是完全通过的。

lumingwei2411
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Android WebView 的 addJavascriptInterface 探究
juruiyuan111的专栏
05-09 1041
Java和JS交互的方式有多种，这里探讨的方式是通过以下方式进行的交互。这篇文章是想弄明白 JavaScript 和 Java是如何实现这种方式互调的，就从源码角度开始分析。
Android4.2下 WebView的addJavascriptInterface漏洞解决方案
zhouyongyang621的专栏
07-22 1万+
最近接到公司安全部门提出的关于app js调用的一个安全漏洞,这个漏洞是乌云平台(http://www.wooyun.org）报告出来的。 mWebView.addJavascriptInterface(new JSCallManager(), "Native"); 向WebView注册一个名叫“Native”的对象，然后在JS中可以访问到Native这个对象，就可以调用这个对象的一些方法
WebView 安全之 addJavascriptInterface
bolang789的博客
05-12 5027
WebView 安全之 addJavascriptInterface 不会写代码的IT男关注 2016.01.03 18:14*字数 474阅读 5668评论 0喜欢 3 0x00 addJavascriptInterface介绍 WebView是Android平台下的一个重要组件，通常用来在Activity中嵌入一个简单的浏览器，实现在线网页浏览的功能。比如下面代码实现访问Goo...
webview 源码追踪addJavascriptInterface(android10)
yanjingjiangjun的专栏
03-12 1625
参考 https://www.jianshu.com/p/182e4985b669 https://www.jianshu.com/p/a8ed39a17f3f webview.java关键代码 private void ensureProviderCreated() { checkThread(); if (mProvider == null) { // As this can get called during the base clas
webView.addJavascriptInterface 用法
chuyouyinghe的专栏
12-11 1953
在这里我们引用Google的一个事例下面是我Google给提供的一个dome的地址：点击打开链接 我们先看它的HTML文件，HTML的文件路径是在：点击打开链接 他的代码为： /* This function is invoked by the activity */ /* 这个函数被Activity调用的活动
Android WebView 中 addJavascriptInterface 接口无效问题
wangjia55的专栏
03-16 6188
转自：http://www.jianshu.com/p/2b9ed6aa13ec Java 与 Javascript 交互 最近遇到这样一个需求，Android 程序中需要使用 WebView 来加载一个网页，而这个网页会根据请求的参数正确与否返回不同的内容。当请求参数正确，则返回正常显示的 HTML 页面。如果请求参数错误，直接返回 json。 所以，我们必须通过 WebV
在使用JavaScript实现跳转后后面的js就不再执行（解决方法）
XQC_KKK的博客
06-03 2909
在写纯前端项目时遇到了使用JavaScript实现跳转后后面的js就不再执行的情况。原本自己是希望在完成页面跳转后再实现一段JavaScript的功能。后面在朋友的帮助下成功解决了这个问题。
android webview addJavascriptInterface 的方法不能调用
xiealan的专栏
12-04 1万+
以前一直觉着用html5做android app是一件很鸡肋的事（勿喷，请恕小的见识少）。 后来又发现很多大公司做的app中都或多或少的使用了html元素，比如微信、qq之类。 最近在网上闲逛发现一个IDE可以使用纯html js css设计app并发布到多个平台，并且更牛的是可以直接使用它提供的js api调用各种系统原生的api。一时心动下载研究。后来发现也并不是想象中多么神奇的事情。
Android与JS互调，Android与JS相互传值，webview展示
04-28
1.本文采用的是android调用assest中的本地.html文件，webview展示（加载网络的html效果是一样的，把url替换掉就行） 2.包含本地.html文件加载，点击.html控件，Android端响应 3.包含本地.html文件加载，点击.html...
Android中webview与JS交互、互调方法实例详解
08-31
主要介绍了Android中webview与JS交互、互调方法实例详解的相关资料,需要的朋友可以参考下
Android-抛弃使用高风险的WebViewaddJavascriptInterface方法通过对js层调用函数及回调函数的包装
08-13
支持异步回调，方法参数支持js所有已知的类型，包括数字，字符串，布尔值，对象，函数。同时还针对WebView的一些常用的方法进行了一定的封装，像返回，刷新，网页中图片保存，是否用系统浏览器进行打开
WebView的介绍与简单实现Android和H5互调的方法
01-20
为什么要学习Android与H5互调？ 微信，QQ空间等大量软件都内嵌了H5，不得不说是一种趋势。Android与H5互调可以让我们的实现混合开发，至于混合...要实现Android与H5互调，WebView是一个很重要的控件，WebView可以很好
js调android方法失败,安卓开发学习之解决JS不能调用Android方法
weixin_32208021的博客
05-25 968
背景这两天在做划词搜索时，需要让前端的js调用后端的Android方法，但总是调不成，经过搜索，问题解决，现记录成文。解决方案1、确定调用了webView.addJavascriptInterface()方法并且webView支持jswebView支持js是前提，设置方法:webView.getSettings().setJavascriptEnabled(true)webView.addJava...
Android WebView在API17后addJavascriptInterface方法无效
热门推荐
夏天的夏，夏天的天。
01-26 3万+
Webview是Android平台中一个重要组件，通常是通过在Activity中嵌套一个简单浏览器，实现在线网页浏览的功能或者实现Android与JavaScript的通信，此时addJavascriptInterface方法就显得尤为重要。但熟悉的人应该会有所发现，在API 17以后，addJavascriptInterface方法就失效了，下面将详细的介绍addJavascriptInterf
Android WebView addJavascriptInterface无效原因
mengzhengjie的专栏
05-29 1095
http://blog.csdn.net/zboyco/article/details/39669305 今天再写Android WebView 的时候，发现addJavascriptInterface里面的方法在JS里无法被调用，折腾了一个中午，才发现是因为在Android4.2以后，为了安全问题，需要在方法前加入“@JavascriptInterface”注解。 如下：
Android：如何使用addJavaScriptInterface
weixin_33763244的博客
11-11 422
说明 本文将和大家分享Android中的 addJavaScriptInterface方式。这个类主要能帮助调用你的JavaScript函数中的任意活动方式。其中有如下一些需要注意的地方： addJavaScriptInterface方式帮助我们从一个网页传递值到Android XML视图（反之亦然）。 你可以从网页调用你的活动类方式（反之亦然）。 这是一个非常有用的功能，而当WebV...
Android (Arctic Fox P2) Kotlin WebView.addJavascriptInterface
Nnnn的博客
01-21 2443
1. 自定义需要注入Webiew的JavascriptObject: // 继承Object基类 class JavascriptObject: Object(){ public fun doBefore(arg: Any?){ } // 注解1 @JavascriptInterface public fun do(arg: String?){ } } 2. 往Webiew注入Javascript Interface类： // 注解2 @Su
android软件开发之webView.addJavascriptInterface循环渐进【二】
JMathias的博客
10-27 572
新建工程 为了让大家更容易的理解，所以我这里就尽量的将代码缩短，这是我的工程的配置 创建好工程之后，然后将界面调整为下面这样 添加代码 首先将两个button和webview添加进来，并给web添加两个JavaScript调用接口，testFunc1和testFunc2 private Button m_testButtom1; private Button m_te
android webview addJavascriptInterface 后 js掉用方法 出现undefined
09-17 2352
做混合应用的时候webview 添加jss
Android-studio中能否使用WebView中JavaScript与Andorid中java方法互调？如果可以，想想该怎么做
最新发布
06-03
是的，Android Studio 中可以使用 WebView 中的 JavaScript 与 Android 中的 Java 方法互调。具体实现如下： 1.在 WebView 中启用 JavaScript 支持： ``` webView.getSettings().setJavaScriptEnabled(true); ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值