使用WebView中的JavaScript调用android的方法

最新推荐文章于 2024-04-16 20:33:30 发布
最新推荐文章于 2024-04-16 20:33:30 发布
阅读量818 收藏 2
点赞数
分类专栏： android基础 文章标签： javascript webview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013147860/article/details/45127269
版权

布局：

/JsCallAndroid/res/layout/activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
 >

<WebView  
    android:id="@+id/webview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
/>

</LinearLayout>

引用这个布局：

/JsCallAndroid/src/com/lxm/jscallandroid/MainActivity.java

package com.lxm.jscallandroid;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.webkit.WebSettings;
import android.webkit.WebView;

public class MainActivity extends Activity {
	WebView myWebView;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		myWebView = (WebView) findViewById(R.id.webview);
		myWebView.loadUrl("file:///android_asset/test.html");
		WebSettings webSettings = myWebView.getSettings();
		webSettings.setJavaScriptEnabled(true);
		// 将MyObject对象暴露给JavaScript脚本
		// 这样test.html页面中的JavaScript可以通过myObj来调用MyObject的方法
		myWebView.addJavascriptInterface(new MyObject(this), "myObj");
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}
/JsCallAndroid/src/com/lxm/jscallandroid/MyObject.java 

package com.lxm.jscallandroid;

import android.app.AlertDialog;
import android.content.Context;
import android.widget.Toast;

public class MyObject {
	Context mContext;

	MyObject(Context c) {
		mContext = c;
	}

	// 该方法将会暴露给JavaScript脚本调用
	public void showToast(String name) {
		Toast.makeText(mContext, name + "，您好！", Toast.LENGTH_LONG).show();
	}

	// 该方法将会暴露给JavaScript脚本调用
	public void showList() {
		// 显示一个普通的列表对话框
		new AlertDialog.Builder(mContext)
				.setTitle("图书列表")
				.setIcon(R.drawable.ic_launcher)
				.setItems(
						new String[] { "疯狂Java讲义", "疯狂Android讲义",
								"轻量级Java EE企业应用实战" }, null)
				.setPositiveButton("确定", null).create().show();
	}
}
/JsCallAndroid/assets/test.html 

<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title> Js调用Android </title>
</head>
<body>
<!-- 注意此处的myObj是Android暴露出来的对象 -->
<input type="button" value="打招呼" 
	οnclick="myObj.showToast('孙悟空');" />
<input type="button" value="图书列表" 
	οnclick="myObj.showList();" />	
</body>
</html>
添加权限： 

<uses-permission android:name="android.permission.INTERNET"/>





別說你還沒有盡力
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android中通过WebView处理JavaScript弹出框
vipdatoucth的专栏
03-08 673
import java.io.File; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.webkit.WebView; import android.widget.EditText; import android.widget.TextView; imp
使用WebView中的Javascript和本地代码交互
04-30 1148
使用WebView中的Javascript和本地代码交互
利用webView实现js与Android方法互调
侠亦狐的博客
08-27 169
举例：获取第一个img元素的src值然后传给android 三步走： 1、android配置webSetting： //WebSettings mWebSettings= mWebView.getSettings(); //开启js支持 mWebSettings.setJavaScriptEnabled(true); //添加js接口： mWebView.addJavascr...
用WebView中的JavaScript调用Android中的方法
qq_50272406的博客
04-01 4422
目录 首先在界面文件中使用WebView控件（activity_main.xml): 在Android应用中建一个java对象，并将该对象暴露给JavaScript脚本： MainActivity:webView.loadUrl("文件地址") 建assets文件： 实现效果截图：（html中的控件调用Android里面的方法） 首先在界面文件中使用WebView控件（activity_main.xml): <?xml version="1.0" encoding="u.
APP开发_Android 与 js 互相调用
突破编程
04-16 1807
Android 与 js 互相调用
使用WebView中的JavaScript调用Android方法
blue的博客
07-02 506
为了让WebView中的JavaScript脚本调用Android方法,WebView提供了一个WebSettings工具类.该工具类提供了大量的方法来管理WebView的选项设置,其中它的 setJavaScriptEnabled (boolean flag)即可让WebView中的JavaScript脚本调用Android方法. 除此之外,为了把Android对象暴露给WebView中的Java
Android之如何使用javascript调用android代码
08-01 178
使用javascript调用android代码 1.使用webview对象的addJavascriptInterface方法 2.addJavascriptInterface方法有两个参数，第一个参数就是我们一般会实现一个自己的类，类里面提供我们要提供给javascript访问的方法；第二个参数是访问我们在obj中声明的方法时候所用到的js对象，调用模式为window.interf...
Android使用webview进行android与js互相调用（带源码）
weixin_42551915的博客
04-24 427
一.添加权限 <uses-permission android:name="android.permission.INTERNET"/> 二.js调用android代码 1.需要写一个java对js方法的映射 public class AndroidToJS { // 定义JS需要调用的方法 // 被JS调用的方法必须加入@JavascriptInterface注...
android webview中使用Java调用JavaScript方法并获取返回值
10-24
主要介绍了android webview中使用Java调用JavaScript方法并获取返回值,本文直接给出代码示例,需要的朋友可以参考下
使用Webview中的JavaScript调用Android方法
03-27
下面将详细解释如何在WebView中实现JavaScript调用Android方法。 首先，为了使JavaScript能够与Android进行交互，我们需要启用WebView的JavaScript支持。这可以通过`WebSettings`类来实现。`WebSettings`提供了丰富...
Android中在WebView里实现Javascript调用Java类的方法
10-24
主要介绍了Android中在WebView里实现Javascript调用Java类的方法,本文直接给出示例,需要的朋友可以参考下
Android中实现WebView和JavaScript的互相调用详解
10-18
JavaScript调用Android方法需要利用`addJavascriptInterface()`方法，该方法会将一个Java对象暴露给JavaScript环境。例如，我们可以创建一个名为`JsObject`的类，然后将其添加到WebView中： ```java public class ...
js与android调用方法有哪些方法,Android WebView的使用方法及与JS 相互调用
weixin_42299140的博客
05-25 238
Android WebView的使用方法及与JS 相互调用1、添加网络权限2、WebSettings 对访问页面进行设置。WebView mWebView = new WebView(this);WebSettings webSettings = mWebView .getSettings();//支持获取手势焦点，输入用户名、密码或其他mWebView.requestFocusFromTouch...
WebView 中的 JavaScript 调用 Android 的方法
antimage08的博客
11-23 475
WebView 中的JavaScript 调用 Android 的方法
JS如何调用Android原生方法
wangbaobao512的博客
10-09 7141
实际上，JSBridge 就像其名称中的Bridge的意义一样，是 Native 和非 Native 之间的桥梁，它的核心是构建 Native 和非 Native 间消息通信的通道，而且这个通信的通道是双向的。1、增加Javascript的接口：把安卓的相关方法的接口赋值到一个特殊的js对象中，继而赋值给window对象中，比如下面代码块 项目中的PosObj。3、js调用Android方法（）//将handleAndroid方法放到需要调用的地方。
Android开发之——Android和WebView相互调用
我的博客
06-29 2109
一 概述 当游戏页面使用html书写，并用WebView加载与android应用进行信息交互时 进入游戏时，把用户信息传递到webview(js调用android) 游戏结束后，将游戏的结果传递给andriod处理(android调用js) 二 html页面 2.1 index.html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>
安卓WebView的使用
热门推荐
qq_40364278的博客
06-30 1万+
WebView是Android中的原生UI控件，主要用于在app应用中方便地访问远程网页或本地html资源。同时，WebView也在Android中充当Java代码和JS代码之间交互的桥梁。实际上，也可以将WebView看做一个功能最小化的浏览器。
js中调用android中的方法
胡杰的专栏
10-15 4681
js中调用android中的方法
Android 原生和 JS 交互实践，给2024的移动开发一些建议
2401_83621661的博客
03-24 1281
赠送大家一套完整的Android学习资料吧。以前一直是自己在网上东平西凑的找，找到的东西也是零零散散，很多时候都是看着看着就没了，时间浪费了，问题却还没得到解决，很让人抓狂。后面我就自己整理了一套资料，还别说，真香！资料有条理，有系统，还很全面，我不方便直接放出来，大家可以先看看有没有用得到的地方吧。《Android架构视频+BATJ面试专题PDF+学习笔记》[外链图片转存中…(img-YtgdYuKL-1711295597643)]
android studio 中使用webview 调用相机和相册
最新发布
05-28
在 Android Studio 中使用 WebView 调用相机和相册，需要使用 Android 系统提供的 WebChromeClient 和 WebViewClient 类。具体步骤如下： 1. 首先在 AndroidManifest.xml 文件中添加以下权限： ```xml <uses-permission android:name="android.permission.CAMERA" /> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> ``` 2. 在 Activity 中创建 WebView，并设置 WebChromeClient 和 WebViewClient： ```java WebView webView = findViewById(R.id.webview); webView.setWebChromeClient(new WebChromeClient() { // 处理打开相机或相册的请求 @Override public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) { // 创建打开相机或相册的 Intent Intent intent = fileChooserParams.createIntent(); try { // 启动 Intent startActivityForResult(intent, REQUEST_CODE_FILE_CHOOSER); } catch (ActivityNotFoundException e) { e.printStackTrace(); return false; } return true; } }); webView.setWebViewClient(new WebViewClient() { // 处理网页加载完成事件 @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); // 在网页中注入 JavaScript 代码，用于调用相机或相册 view.loadUrl("javascript: function chooseImage() {window.android.chooseImage();}"); } }); ``` 3. 在 Activity 中重写 onActivityResult 方法，处理选择图片后的结果： ```java @Override protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) { if (requestCode == REQUEST_CODE_FILE_CHOOSER) { if (resultCode == RESULT_OK && data != null) { // 获取选择的图片 Uri Uri uri = data.getData(); if (uri != null) { // 把 Uri 返回给网页 ValueCallback<Uri[]> filePathCallback = mFilePathCallback; if (filePathCallback != null) { filePathCallback.onReceiveValue(new Uri[]{uri}); mFilePathCallback = null; } } } else { // 如果选择图片失败，也要返回结果给网页 ValueCallback<Uri[]> filePathCallback = mFilePathCallback; if (filePathCallback != null) { filePathCallback.onReceiveValue(null); mFilePathCallback = null; } } } } ``` 4. 在 JavaScript 中调用 window.android.chooseImage() 方法，用于打开相机或相册并选择图片： ```javascript function chooseImage() { // 创建 input 元素，用于触发选择图片的操作 var input = document.createElement('input'); input.type = 'file'; input.accept = 'image/*'; input.onchange = function () { // 把选择图片的结果返回给 Android var uri = input.files; if (uri) { window.android.chooseImage(uri); } else { window.android.chooseImage(null); } }; // 触发点击 input 元素的操作，打开相机或相册 input.click(); } ``` 以上就是在 Android Studio 中使用 WebView 调用相机和相册的基本步骤。如果您还有其他问题，请随时提出。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值