返回顶部
首页 > 资讯 > 移动开发 >Androidwebview加载H5方法详细介绍
  • 546
分享到

Androidwebview加载H5方法详细介绍

2024-04-02 19:04:59 546人浏览 八月长安
摘要

目录1,安卓APP 怎么用WEBview加载H52,H5怎么调用安卓定义的方法3,安卓怎么调用H5定义的方法这篇文章主要阐述3个知识点 安卓APP 怎么用webview加载H5H5怎

这篇文章主要阐述3个知识点

  • 安卓APP 怎么用webview加载H5
  • H5怎么调用安卓定义的方法
  • 安卓怎么调用H5定义的方法

1,安卓APP 怎么用webview加载H5

安卓端定义个webview xml 页面,代码如下所示:

<?xml version="1.0" encoding="utf-8"?>
<WebView xmlns:Android="Http://schemas.android.com/apk/res/android"
    android:id="@+id/web_view_id"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</WebView>

之后再对webview 实例进行设置,用loadUrl 方法加载H5 路径即可。代码如下:

        webView = (WebView) view.findViewById(R.id.web_view_id);
        WebSettings settings = webView.getSettings();
        settings.setjavascriptEnabled(true);
        WebChromeClient webChromeClient = new WebChromeClient();
        webView.setWebChromeClient(webChromeClient);
        settings.setUseWideViewPort(true);
        settings.setLoadWithOverviewMode(true);
        settings.setBuiltInZoomControls(true);
        settings.setSupportZoom(true);
        settings.setDefaultTextEncodingName("UTF-8");
        settings.setJavaScriptCanOpenwindowsAutomatically(true);
        //String _url = "http://xxx.xxx.xxx/link/index.html#/home/index"; //服务器地址
        String _url = "file:android_asset/dist/index.html#/home/index"; //本地地址
        webView.loadUrl(_url);

不出意外的话会看到加载的H5页面了。

2,H5怎么调用安卓定义的方法

首先定义一个类,写上供H5调用的方法,注意这个方法要用@JavascriptInterface修饰,代码如下所示:

public class Mine {
    private Context context;
    public Mine(Context _context){
        this.context = _context;
    }
    @JavascriptInterface
    public  void loginOut(){
        ((MainActivity) context).loginOut();
    }
}

然后注册这个类,如下所示:

webView.addJavascriptInterface(new Mine(this.getActivity()), "mineInterface");

这样安卓端就写好了。接下来就是H5端调用了。

window.mineInterface.loginOut();

H5端直接这么调用就可以了。

如果js想传递JSON对象参数给安卓端怎么办,不要直接写json对象,要转换为json字符串,代码如下:

          window.mineInterface.loginOutTest(JSON.stringify({
            title: "iot",
            name: "iot"
          }));

安卓端接收如下:

    @JavascriptInterface
    public  void loginOutTest(String params){
        Log.d(AppYunlanLink.TAG, "test: " + params);
    }

3,安卓怎么调用H5定义的方法

H5 我是用的Vue 框架,方法写在了页面内,如下所示:

  created() {    
    window.setUserInfo = this.setUserInfo; //android app 会调用此方法
  },
  methods: {
    setUserInfo(userInfo) {
      const _userInfo = JSON.parse(userInfo);      
      this.userName = _userInfo.username;      
      this.avatar = _userInfo.avatar;
    }
  },

注意方法一定要挂载到window对象上。安卓端怎么调用呢?

    //调用HTML5 页面中的方法,带JSONObject类型参数
    public void loadWebViewFuncWithJSON(String funcName, JSONObject value) {
        webView.post(new Runnable() {
            @Override
            public void run() {
                String _url = "javascript:" + funcName + "('" + value + "')";
                Log.d(AppYunlanLink.TAG, "value is: " + value);
                webView.loadUrl(_url);
            }
        });
    }
    fg4.loadWebViewFuncWithJSON("setUserInfo", info);

这是带有参数的调用,安卓端是JSONObject类型的,H5端接收的是json字符串。不带参数的调用更简单了,如下:

    //调用html5 页面中的方法
    public void loadWebViewFunc(String funcName) {
        String _url = "javascript:" + funcName + "()";
        webView.loadUrl(_url);
    }

到此这篇关于Android webview加载H5方法详细介绍的文章就介绍到这了,更多相关Android加载H5内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: Androidwebview加载H5方法详细介绍

本文链接: https://lsjlt.com/news/165812.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Androidwebview加载H5方法详细介绍
    目录1,安卓APP 怎么用webview加载H52,H5怎么调用安卓定义的方法3,安卓怎么调用H5定义的方法这篇文章主要阐述3个知识点 安卓APP 怎么用webview加载H5H5怎...
    99+
    2024-04-02
  • java类加载机制详细介绍
    文章转载自:http://www.pythonheidong.com/blog/article/1152/在许多Java面试中,我们经常会看到关于Java类加载机制的考察,例如下面这道题:class Grandpa{ static ...
    99+
    2019-02-20
    java教程 java
  • Java 类加载机制详细介绍
    一、类加载器  类加载器(ClassLoader),顾名思义,即加载类的东西。在我们使用一个类之前,JVM需要先将该类的字节码文件(.class文件)从磁盘、网络或其他来源加载到内存中,并对字节码进行解析生成对应的Class对象,这就是类加...
    99+
    2023-05-31
    java 加载机制
  • H5的事件属性详细介绍
    这篇文章主要介绍“H5的事件属性详细介绍”,在日常操作中,相信很多人在H5的事件属性详细介绍问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”H5的事件属性详细介绍”的疑惑有所帮...
    99+
    2024-04-02
  • Java 方法(详细介绍)
    那么什么是方法呢?Java方法是语句的集合,它们在一起执行一个功能。 (推荐学习:java课程)方法是解决一类问题的步骤的有序组合方法包含于类或对象中方法在程序中被创建,在其他地方被引用方法的优点 使程序变得更...
    99+
    2017-06-19
    java教程 Java
  • Java类加载过程与类加载器详细介绍
    目录1. 类加载过程加载链接初始化2. 类加载器启动类加载器扩展类加载器应用类加载器自定义类加载器双亲委派模型1. 类加载过程 加载 通过类的全限定名(包名 + 类名),获取到类的...
    99+
    2022-11-13
    Java 类加载过程 Java加载器
  • Android onCreate( )方法详细介绍
    onCreate( )方法是android应用程序中最常见的方法之一,那么,我们在使用onCreate()方法的时候应该注意哪些问题呢?     ...
    99+
    2022-06-06
    方法 Android
  • equals()方法和hashCode()方法(详细介绍)
    Java的基类Object提供了一些方法,其中equals()方法用于判断两个对象是否相等,hashCode()方法用于计算对象的哈希码。equals()和hashCode()都不是final方法,都可以被重写(overwrite)。本文介...
    99+
    2014-05-14
    java教程 Java
  • fastjson 使用方法详细介绍
    Fastjson介绍Fastjson是一个Java语言编写的JSON处理器。遵循http://json.org标准,为其官方网站收录的参考实现之一。功能qiang打,支持JDK的各种类型,包括基本的JavaBean、Collection、M...
    99+
    2023-05-30
    fastjson 使用
  • Mysql优化方法详细介绍
    目录1、字段属性2、字段NOT NULL3、JOIN代替子查询4、UNION代替手动创建临时表5、事务6、索引下面聊聊mysql常见的优化方法。 1、字段属性 mysql是一...
    99+
    2023-02-03
    Mysql优化 Mysql优化方法
  • Android 常见的图片加载框架详细介绍
    Android 常见的图片加载框架 图片加载涉及到图片的缓存、图片的处理、图片的显示等。而随着市面上手机设备的硬件水平飞速发展,对图片的显示要求越来越高,稍微处理不好就会造成内...
    99+
    2022-06-06
    图片 框架 Android
  • Vuex详细介绍和使用方法
    目录一、什么是Vuex二、运行机制三、创建项目1、使用脚手架搭建Vue项目2、安装Vuex3、启动项目4、配置使用Vuex4.1、创建store文件夹4.2、配置全局使用store对...
    99+
    2024-04-02
  • $.ajax()方法参数的详细介绍
    本篇内容主要讲解“$.ajax()方法参数的详细介绍”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“$.ajax()方法参数的详细介绍”吧!会灵活的运用ajax的...
    99+
    2024-04-02
  • 详细介绍Github的使用方法
    随着互联网技术的不断发展,越来越多的开发者开始加入到开源项目中,Github作为目前全球最大的代码托管平台之一,也成为了开发者们分享、学习、合作的重要工具之一。然而,如何使用Github来进行代码管理、版本控制、协作开发等,还是很多新手开发...
    99+
    2023-10-22
  • Kotlin扩展方法超详细介绍
    目录前言一、扩展方法1.扩展方法的原型2.扩展方法的使用二、Kotlin扩展方法实现原理三、泛型扩展方法四、扩展属性五、为伴生对象添加扩展六、Kotlin 中常用的扩展七、案例前言 ...
    99+
    2024-04-02
  • React Immutable使用方法详细介绍
    目录1. 介绍2. 优缺点3. 对象处理4. 数组处理5. 优化组件渲染6. immutable和redux集合使用1. 介绍 假设当前 redux 的大小为 1G,现在要修改 re...
    99+
    2024-04-02
  • NodeJs操作MYSQL方法详细介绍
    目录在项目中操作数据库的步骤安装与配置 mysql 模块1. 安装 mysql 模块2. 配置 mysql 模块3. 测试 mysql 模块能否正常工作使用 mysql 模块操作 M...
    99+
    2024-04-02
  • JavaInheritableThreadLocal用法详细介绍
    目录简介问题复现解决方案源码分析注意简介 本文介绍InheritableThreadLocal的用法。 ThreadLocal可以将数据绑定当前线程,如果希望当前线程的ThreadL...
    99+
    2024-04-02
  • Maven使用方法详及方式详细介绍
    目录Maven简介1、软件开发中的阶段2、Maven能做什么3、没有使用maven怎么管理依赖4、什么是maven约定目录结构maven的使用方式POM文件坐标的概念依赖 depen...
    99+
    2022-11-13
    Maven使用方法 Maven方法 Maven使用方式
  • JAVA虚拟机(JVM)详细介绍(五)——类加载机制
    上篇中我们讲解了Class文件,这篇我们说说虚拟机是如何加载这些Class文件的?Class文件中的信息进入到虚拟机后会发生什么变化?这就涉及到了类加载机制。类加载机制是把类的数据从Class文件加载到内存,并对数据进行校验,转换解析和初始...
    99+
    2015-12-28
    java教程 JVM
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作