Android&H5互调

最新推荐文章于 2022-11-26 19:00:48 发布
最新推荐文章于 2022-11-26 19:00:48 发布
阅读量443 收藏
点赞数
分类专栏： android控件 文章标签： javascript webview android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/reige/article/details/72809616
版权

这里写图片描述

初始化WebView

        WebSettings webSettings = webView.getSettings();
        //支持js
        webSettings.setJavaScriptEnabled(true);
        //支持缩放
        webSettings.setBuiltInZoomControls(true);
        //设置 链接不跳转到浏览器
        webView.setWebViewClient(new WebViewClient());
        //设置支持js调用java
        webView.addJavascriptInterface(new AndroidAndJsInterface(),"Android");
        //加载html
        webView.loadUrl("file:///android_asset/JavaAndJs.html");
  • 其中JavaAndJs.html放在assets文件夹中（也可以直接使用网络资源）

java调用javascript

  • html带码中
    在调用javaCallJs后 content中的内容将发生改变
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <script type="text/javascript">
    function javaCallJs(s){
         document.getElementById("content").innerHTML = s;
    }
    </script>
</head>
<body>
<div align="left" id="content"></div>
</body>
</html>
  • java带码中
webView.loadUrl("javascript:javaCallJs("+"'"+"java调用js"+"'"+")");

javascript调用java

  • java带码中
    定义一个内部类 提供调用接口
 class AndroidAndJsInterface{
    @JavascriptInterface
    public void showToast(){
        Toast.makeText(MainActivity.this, "js调用java", Toast.LENGTH_SHORT).show();
    }
}
 //设置支持js调用java
 webView.addJavascriptInterface(new AndroidAndJsInterface(),"Android");
  • html中点击按钮调用java中方法
<body>
<div align="left" id="content"></div>
<input type="button" value="点击Android被调用" onclick="window.Android.showToast()"/>
</body>

https://github.com/REIGE/JavaAndJsDemo

REIGE
关注
专栏目录
android 与 h5 互调
老朱gpt的博客
01-08 237
 android 与h5互调还是很简单的。   首先需要基本配置下webview。 这里都不是重点，可以忽视。 wb_content.getSettings().setCacheMode(WebSettings.LOAD_DEFAULT); wb_content.getSettings().setDomStorageEnabled(true); wb_content.getSettings...
Android 和 H5 互调
raotenghong2611的博客
04-13 258
android 调H5 evaluateJavascript 是调用js 的方法 //调用H5 Web网页中的Javascript函数add()计算a与b的和。 web.evaluateJavascript("toggle()", new ValueCallback<String>() { //Javascript返回add()函数的计算结果。 @Overr...
Android和H5（JS）简单交互
github_36962753的博客
12-08 2357
接着上一篇《WebView简单使用》加载好界面之后要有一个需求就是当用户点击页面上的一个按钮时，JS要调用Android本地的方法，下面就说下JS怎样调用Android本地的方法的： 首先需要先配置WebView可以调用JS方法的权限， WebSettings webSettings = mWebView .getSettings(); webSettings.setJavaScript
首页弹窗优先级编排优雅解决方案
最新发布
chuyouyinghe的专栏
11-26 866
通过观察众多知名app我们可以发现，在app启动进入首页的时候，我们一般会遇到以下几种弹窗：app更新升级提示弹窗、青少年模式切换弹窗、某活动引导弹窗、某新功能引导弹窗、白日\黑夜模式切换弹窗......弹出一个，点击消失，又弹出另一个......针对单个弹窗而言，它既有自身弹出的条件，又有弹出时机的优先级......在开发中面对众多弹窗的时候，我们该如何实现呢？
OkHttp的拦截器Interceptor
Jason_996的博客
11-24 905
1.请求连接中添加头信息 先自定义一个拦截器如下：public class DefaultHeaderInterceptor implements Interceptor { @Override public Response intercept(Chain chain) throws IOException { Request originalrequest
Android与H5互调
Erin_jwx的博客
07-04 705
Android与H5互调 WebView基本用法 当然，访问网页需要权限 <uses-permission android:name="android.permission.INTERNET"/> private void initWebView() { //1.加载网页-H5,html,自定义浏览器，直接在webview中播放视频 WebView webView = new WebView(this); WebSettings webSettings = webVie
android调h5方法,Android与H5互调简析
weixin_39926191的博客
05-25 789
均属于笔记，仅供个人参考，有问题欢迎指正一，java调用JavaScript1，初始化WebView并且加载网络页面private voidinitWebView() {webView= newWebView(this);WebSettings webSettings =webView.getSettings();//设置支持javaScript脚步语言webSettings.setJavaScr...
android与h5互调
拖鞋王子猪
09-01 400
Java代码与H5互调 界面布局就不说了，一个按钮 主要是核心代码 package com.example.androi_h5; import android.app.Activity; import android.os.Bundle; import android.text.TextUtils; import android.view.View; import android.web...
Android与H5（JS）互调
走马川行雪的博客
04-28 6981
1、Android调用H5（JS） 1.1、新建assets资源目录并将准备好的HTML页面放入其中 （真实项目中HTML页面放在Tomcat中启动） 1.2、初始化webView并加载HTML页面 @SuppressLint({"SetJavaScriptEnabled", "AddJavascriptInterface"}) public void initWebView() { //可以加载网页和自定义浏览器 webView = new W
WebView的介绍与简单实现Android和H5互调的方法
08-27
WebView 的介绍与简单实现 Android 和 H5 互调的方法 WebView 是一种基于 WebKit 渲染引擎的浏览器控件，能够在 Android 应用程序中显示 Web 内容。它是一个非常重要的控件，能够帮助我们展示 HTML 页面。下面是 ...
Android和H5互调
05-17
本篇文章将深入探讨Android和H5如何实现互调，帮助开发者理解和掌握这一技术。 一、Android调用H5 1. Webview集成：Android通过集成WebView组件来加载和展示H5页面。WebView是Android系统内置的浏览器内核，它可以...
RecyclerView水波纹点击效果
热门推荐
REIGE的博客
04-03 1万+
效果图RecyclerView 居然默认没有点击效果 没有分割线的！！！ item.xml 这里就是主要设置background为我们后面写的一个selector <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
Android原生Spinner如何更改字体大小
REIGE的博客
04-07 5545
public class MySpinnerAdapter extends ArrayAdapter<String> { private Context mContext; /** * spinner绑定的数组 */ private String[] mStringArray; /** * * @param context Conte
SwipeRefreshLayout实现用代码调用刷新方法
REIGE的博客
04-26 2262
public class AutoSwipeRefreshLayout extends SwipeRefreshLayout { public AutoSwipeRefreshLayout(Context context) { super(context); init(); } public AutoSwipeRefreshLayout(Cont
Android Dialog使用、自定义带动画的Dialog使用
REIGE的博客
04-04 2098
效果图普通Dialogprivate void showNormalDialog() { final AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this); builder.setIcon(R.mipmap.ic_launcher) .setTi
ItemTouchHelper实现RecyclerView条目拖拽移动、滑动删除
REIGE的博客
05-04 784
ItemTouchHelper 先来看看MainActivity onCreat()中的代码 我们需要用到ItemTouchHelper,在new的时候发现他需要一个callback 而我们就要在这个callback中做文章。 rvContent.setLayoutManager(new LinearLayoutManager(this)); MyAdapter adapter =
Android与H5互调实战：WebView详解及应用
Android与H5的互调基于Java和JavaScript之间的通信。通过WebView，我们可以调用JavaScript代码，也可以让JavaScript调用Android的Java方法。这一过程通常涉及以下两种技术： 1. JavaScriptInterface：Android提供的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值