Android—WebView与JS交互

article/2025/9/17 17:22:14

Html文件:

WebView与JS交互方式:

1. 前提:

WebSettings webSettings = webView.getSettings();
// 设置与Js交互的权限
webSettings.setJavaScriptEnabled(true);webView.setWebChromeClient(new WebChromeClient(){@Overridepublic boolean onJsAlert(WebView view, String url, String message, JsResult result) {AlertDialog.Builder b2 = new AlertDialog.Builder(MainActivity.this).setTitle(R.string.app_name).setMessage(message).setPositiveButton("ok", new AlertDialog.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) {result.confirm();}});b2.setCancelable(false);b2.create();b2.show();return true;}
});

JS的弹框在WebView中需要通过重写onJsAlert()、onJsConfirm()、onJsPrompt()方法实现,分别对应JS的警告框,确认框,输入框。

webView还有一个setWebClient()方法,帮助处理各种通知、请求事件

setWebChromeClient辅助WebView处理JavaScript的对话框,网站图标,网站title,加载进度等

2. WebView调用JS的方法

(1) 通过WebView的loadUrl()

加载对应页面

webView.loadUrl("file:/sdcard/WebView_Test.html");
webView.loadUrl("https://www.baidu.com/");

调用JS中的callJS()方法

webView.loadUrl("javascript:callJS()");

(2) 通过WebView的evaluateJavascript()

webView.evaluateJavascript("javascript:callJS()", new ValueCallback<String>() {@Overridepublic void onReceiveValue(String value) {//此处为 js 返回的结果}
});

3. JS中调用Android方法

通过addJavascriptInterface()进行对象映射

public class JniUtil {static {System.loadLibrary("native_text");}@JavascriptInterfacepublic static native String helloWorld();@JavascriptInterfacepublic void hello(String msg) {System.out.println("JS调用了Android的hello方法");}
}webView.addJavascriptInterface(new JniUtil(), "test");

test是JniUtil对象,可以在JS中使用,在JS中调用test.hello()或者test.helloWorld()都可以看到对应结果,注意方法要加上对应注解。

安卓webView显示pdf方法


http://chatgpt.dhexx.cn/article/S7mssrIl.shtml

相关文章

【Android】之【WebView】

一、简介 WebView是一种控件&#xff0c;它基于webkit引擎&#xff0c;因此具备渲染Web页面的功能。   基于Webview的混合开发&#xff0c;就是在 Android os(安卓)/I os(苹果)原生APP里&#xff0c;通过WebView控件嵌入Web页面。 你手机里有淘宝软件吧&#xff1f; 就是外…

WebView---Android与js交互实例

Android 中可以通过webview来实现和js的交互&#xff0c;在程序中调用js代码&#xff0c;只需要将webview控件的支持js的属性设置为true Android&#xff08;Java&#xff09;与JavaScript&#xff08;HTML&#xff09;交互有四种情况&#xff1a; 1&#xff09; Android&…

【Android】WebView控件最全使用解析

WebView控件最全使用解析 一、WebView 概述二、WebView使用基础篇2.1添加方式2.2 加载远程网页2.3 加载本地网页2.4 加载HTML片段2.5 WebView 常用方法 三、WebView 进阶篇3.1 WebSettings类3.2 WebViewClient类常见方法使用案例 3.3 WebChromeClient类常用方法使用案例测试网页…

Android:这是一份全面 详细的Webview使用攻略

前言 现在很多App里都内置了Web网页&#xff08;Hybrid App&#xff09;&#xff0c;比如说很多电商平台&#xff0c;淘宝、京东、聚划算等等&#xff0c;如下图 京东首页 那么这种该如何实现呢&#xff1f;其实这是Android里一个叫WebView组件实现 今天&#xff0c;我将献…

数据字典的代码示例

数据字典UI设计&#xff1a; 设计说明&#xff1a; 1. 该数据字典支持多级节点。 2. 左边是数据字典树&#xff1b;右边是编辑框&#xff0c;可以对某个数据字典及其一级子节点进行编辑。 代码&#xff1a;https://github.com/tinazhao1985/spring-cloud-demo/tree/master/di…

关于SQL数据字典的详解

相信在学习数据库的时候很多人在设计表的时候会将一些数据量少的数据放到一个表里面 然后使数据库的表比较多。但是其实呢我们可以见那先数据固定的数据放在同一个表里面&#xff0c;这样就 可以减少很多表的创建&#xff0c;这就是数据字典 数据字典分两个表&#xff1a; 一个…

Java 数据字典的实现

Java数据字典实现 目录概述需求&#xff1a; 设计思路实现思路分析1.从数据库中字典2.获取字典的数值 拓展实现性能参数测试&#xff1a; 参考资料和推荐阅读 Survive by day and develop by night. talk for import biz , show your perfect code,full busy&#xff0c;skip h…

数据字典功能

1. 什么是数据字典 数据字典存储有关数据的来源、说明、与其他数据的关系、用途和格式等信息&#xff0c;它本身就 是一个数据库&#xff0c;存储“关于数据项的数据”。数据字典是个指南&#xff0c;它为数据库提供了“路线图”&#xff0c; 而不是“原始数据”。换句话说&…

数据字典实现

目录 前言 一、创建springboot的工程&#xff0c;pom文件 二、实体类&#xff0c;mapper层&#xff0c;service层&#xff0c;controller层 1.实体类 2.mapper层 3.service层 4.service实现层简称(serviceImpl) 5.controller层 实现效果&#xff1a; 前言 首先在写数据字典之前…

数据库设计之数据字典的使用与设计

如何使用数据字典 文章目录 如何使用数据字典使用场景 :解决方案 :简单解决&#xff1a;企业级理解&#xff1a;数据字典是什么&#xff1a;使用数据字典的优点&#xff1a; 使用场景 : 在平时开发的过程中&#xff0c;特别是在遇到表单时候&#xff0c;我们经常需要为前端提供…

数据库 - 数据字典及其使用

1 数据字典 1.1 什么是数据字典 将如下这些具有相同类型的配置项&#xff0c;配置到系统的数据字典表中&#xff0c;方便系统维护&#xff0c;由超级管理员统一在后台进行数据字典维护&#xff0c;如果用户需求要增加变更配置项&#xff0c;只需要修改数据字典表记录…

字典的数据处理与可视化

数据处理与可视化 字典数据处理实现数据可视化字典 首先,我们先简单了解一下字典。字典是一个无序、可变和有索引的集合。在 Python 中,字典用花括号表示,拥有键和值。如:{‘id’:1211,‘colors’:‘aliceblue’} 。而字典中包含有字典,称为嵌套字典。如:{‘id’:1211,‘…

数据字典及其使用

1 数据字典 1.1 什么是数据字典 将如下这些具有相同类型的配置项&#xff0c;配置到系统的数据字典表中&#xff0c;方便系统维护&#xff0c;由超级管理员统一在后台进行数据字典维护&#xff0c;如果用户需求要增加变更配置项&#xff0c;只需要修改数据字典表记录…

软件工程~数据字典例子解释

软件工程~数据字典&#xff08;个人理解&#xff09; 数据字典&#xff1a;关于数据的信息的集合&#xff0c;也就是对数据流图中包含的所有元素的定义的集合。 如果开发小型软件系统时暂时没有数据字典的处理程序&#xff0c;建议使用卡片形式书写数据字典&#xff0c;这里先看…

java静态内部类单例的好处,你确定你的单例模式真的用对了?

一、什么是单例模式 单例模式是一种常用的软件设计模式&#xff0c;其定义是单例对象的类只能允许一个实例存在。该类负责创建自己的对象&#xff0c;同时确保只有一个对象被创建。一般常用在工具类的实现或创建对象需要消耗资源的业务场景。 单例模式的特点&#xff1a; 1.类构…

Java静态内部类单例模式读取Properties配置文件

在Java开发中&#xff0c;可能需要把一些配置参数写入properties配置文件中&#xff0c;在这里介绍一种通过静态内部类单例模式来读取的properties文件的方式。 1.properties文件配置路径 在resources下新建配置文件test.properties&#xff0c;如果对于Java读取指定资源输入…

单例模式的四种实现方式(饿汉模式、懒汉模式、静态内部类、枚举类)

首先&#xff0c;设计模式是我们程序员在软件开发过程中面临的一般问题的解决方案&#xff0c;通过学习设计模式可以使我们在编程时更加有条理性&#xff0c;同时培养我们写代码的思维能力&#xff0c;从而提高我们的工作效率。接下来就跟着博主的脚步往下走吧~ 大多数程序员可…

设计模式-静态内部类方式被反射破坏和饿汉式单例模式被序列化破坏解决方式

场景 设计模式-单例模式-饿汉式单例模式、懒汉式单例模式、静态内部类在Java中的使用示例&#xff1a; 设计模式-单例模式-饿汉式单例模式、懒汉式单例模式、静态内部类在Java中的使用示例_霸道流氓气质的博客-CSDN博客 上面静态内部类单例模式示例 package com.ruoyi.demo…

内部类加载顺序及静态内部类单例模式

加载一个类时&#xff0c;其内部类是否同时被加载&#xff1f;下面我们做一个实验来看一下。 Java代码 public class Outer { static { System.out.println("load outer class..."); } //静态内部类 static class Stati…

java静态内部类单例模式_单例模式-静态内部类实现及原理剖析

以我的经验为例(如有不对欢迎指正)&#xff0c;在生产过程中&#xff0c;经常会遇到下面两种情况&#xff1a; 1.封装的某个类不包含具有具体业务含义的类成员变量&#xff0c;是对业务动作的封装&#xff0c;如MVC中的各层(HTTPRequest对象以Threadlocal方式传递进来的)。 2.某…