通过js调用android原生方法

时间：2022-09-18 20:27:04

有时候我们有这样一个需求，监听html中控件的一些事件。例如点击html中某个按钮，跳转到别的activity，复制某段文本。 
首先是对webview的设置：

myWebView = (WebView) findViewById(R.id.myWebView);

        myWebView.getSettings().setJavaScriptEnabled(true);

        myWebView.addJavascriptInterface(new JavaScriptinterface(this),

                "android");

        myWebView.setWebViewClient(new myWebViewClient());

创建JavaScriptinterface类:

public class JavaScriptinterface {

    Context context;

    public JavaScriptinterface(Context c) {

        context= c;

    }

    /**

     * 与js交互时用到的方法，在js里直接调用的

     */

    @JavascriptInterface

    public void showToast(String ssss) {

        Toast.makeText(mContext, ssss, Toast.LENGTH_LONG).show();

    }

}

高版本中在允许被js调用的方法加上@JavascriptInterface注解 
然后使用webview的addJavascriptInterface添加这个类的对象，取一个名字。

<script type="text/javascript">

function showToast() {

    android.showToast("哈哈啊哈 ");

     }

</script>

</head>

<body>

<input type="button" value="调用"

     onClick="showToast()"/>

</body>

html代码很简单，在想调用原生方法的js方法中使用Android.shwoToast(“”)就可以成功调用原生方法。我们可以通过它来复制信息，获取点击事件等。(shwoToast是原生方法名，android是我们在addJavascriptInterface方法中自己定义的名字)。

from:im哆来咪

通过js调用android原生方法的更多相关文章

  1. PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码

    PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码 看看新闻网>看引擎>开源产品 0人收藏此文章, 发表于8小时前(2013-09-06 00:39) ...

  2. uni-app&amp&semi;H5&amp&semi;Android混合开发三 &vert;&vert; uni-app调用Android原生方法的三种方式

    前言: 关于H5的调用Android原生方法的方式有很多,在该片文章中我主要简单介绍三种与Android原生方法交互的方式. 一.H5+方法调用android原生方法 H5+ Android开发规范官 ...

  3. JS调用android逻辑方法

    1.安卓打开webview时做如下配置 并做一回调接口 这里注意的是 参数 FULIBANG   和 回调接口方法  jsCallWebView 一会在JS里会用到 ================= ...

  4. vue&period;js 调用iOS原生方法，JavaScriptCore

    1. 2. 3. 4.vue.js调用

  5. react native 调用Android原生方法

    来源:https://www.youtube.com/watch?v=WmJpHHmOKM8 教程:https://www.youtube.com/watch?v=GiUo88TGebs Breaki ...

  6. JS调用Android、Ios原生控件

    在上一篇博客中已经和大家聊了,关于JS与Android.Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android.Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时, ...

  7. &lbrack;转&rsqb;JS调用Android里面的方法，Android调用JS里面的方法

    FROM : http://blog.csdn.net/hj563308597/article/details/45197709 Android WebView 在公司Android的开发过程中遇到一 ...

  8. Flutter学习&lpar;9&rpar;——Flutter插件实现&lpar;Flutter调用Android原生

    原文地址: Flutter学习(9)--Flutter插件实现(Flutter调用Android原生) | Stars-One的杂货小窝 最近需要给一个Flutter项目加个apk完整性检测,需要去拿 ...

  9. Weex是如何让JS调用产生原生UIView的？

    从官方的Demo,我们知道,要在客户端显示Weex页面,是通过WXSDKInstance的实例实现的.我们先来看看这个类里面都有什么: @interface WXSDKInstance : NSObj ...

随机推荐

  1. 【G】开源的分布式部署解决方案（三） - 一期规划定稿与初步剖析

    G.系列导航 [G]开源的分布式部署解决方案 - 预告篇 [G]开源的分布式部署解决方案(一) - 开篇 [G]开源的分布式部署解决方案(二) - 好项目是从烂项目基础上重构出来的 [G]开源的分布式 ...

  2. Dubbo源码分析系列---服务的发布

    摘要: 通过解析配置文件,将xml定义的Bean解析并实例化,(涉及重要的类:ServiceBean.RegistryConfig[注册中心配置].ProtocolConfig[协议配置].Appli ...

  3. CentOS7上安装FTP服务

    ---------------------------------------------------------------------------------------------------- ...

  4. 分布式改造剧集2---DIY分布式锁

    前言: ​ 好了,终于又开始播放分布式改造剧集了.前面一集中(http://www.cnblogs.com/Kidezyq/p/8748961.html)我们DIY了一个Hessian转发实现,最后我 ...

  5. Android的源代码下载教程-android学习之旅（102）

    一.环境准备 1.安装ubuntu系统,或者虚拟机. 2.安装java的sdk 3.安装依赖包 ,命令是:sudo apt-get install flex bison gperf libsdl-de ...

  6. postgresql数据库3种程序（rule&comma;trigger &comma;FUNCTION ）

    1. CREATE [ OR REPLACE ] RULE name AS ON event TO table_name [ WHERE condition ] DO [ ALSO | INSTEAD ...

  7. 访问 Google

    对于一个技术人员访问Google是何其的重要呀? 一下收集了一些访问的连接,不愿意使用VPS的同学可以使用下: 非原版: Glgoo:http://www.glgoo.com/九尾搜索:http:// ...

  8. Windows Live Writer离线写CSDN博客

    初始化配置 http://blog.csdn.net/csdnproduct/article/details/27504397 代码着色功能插件: http://www.cnblogs.com/cmt ...

  9. Mongodb 分片操作 介绍

    为什么需要分片操作?由于数据量太大,使得CPU,内存,磁盘I/O等压力过大.当MongoDB存储海量的数据时,一台机器可能不足以存储数据,也可能不足以提供可接受的读写吞吐量.这时,我们就可以通过在多台 ...

  10. linux防火墙查看、开启、关闭

    查看   vi /etc/sysconfig/iptables 开启   service iptables stop 关闭   service iptables restart

相关文章