Android WebView JAVA 与 JS 相互调用

最新推荐文章于 2021-06-20 15:53:14 发布
最新推荐文章于 2021-06-20 15:53:14 发布
阅读量624 收藏
点赞数
分类专栏： Android问题分析
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/homebei2/article/details/44403079
版权

WebView 代码

package webview.test;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;

@SuppressLint("SetJavaScriptEnabled")
public class MainActivity extends Activity {

	private WebView contentWebView = null;
	private TextView msgView = null;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		contentWebView = (WebView) findViewById(R.id.webview);
		msgView = (TextView) findViewById(R.id.msg);
		// 启用javascript
		contentWebView.getSettings().setJavaScriptEnabled(true);
		// 从assets目录下面的加载html
		contentWebView.loadUrl("file:///android_asset/index.html");

		Button button = (Button) findViewById(R.id.button);
		button.setOnClickListener(btnClickListener);
		contentWebView.addJavascriptInterface(this, "java");
	}

	OnClickListener btnClickListener = new Button.OnClickListener() {
		public void onClick(View v) {
			// 无参数调用
			contentWebView.loadUrl("javascript:javacalljs()");
			// 传递参数调用
			contentWebView.loadUrl("javascript:javacalljswithargs(" + "'hello world'" + ")");
		}
	};

	public void startFunction() {
		Toast.makeText(this, "js调用java", Toast.LENGTH_SHORT).show();
		runOnUiThread(new Runnable() {

			@Override
			public void run() {
				msgView.setText(msgView.getText() + "\njs调用java");

			}
		});
	}

	public void startFunction(final String str) {
		Toast.makeText(this, str, Toast.LENGTH_SHORT).show();
		runOnUiThread(new Runnable() {

			@Override
			public void run() {
				msgView.setText(msgView.getText() + "\njs调用java传递参数：" + str);

			}
		});
	}
}

Html代码 

<html>
<head>
<meta http-equiv="Content-Type"	content="text/html;charset=gb2312">
<script type="text/javascript">
function javacalljs(){
	 document.getElementById("content").innerHTML +=   
         "<br\>java调用js函数";
}

function javacalljswithargs(arg){
	 document.getElementById("content").innerHTML +=   
         ("<br\>"+arg);
}

</script>
</head>
<body>
this is my html <br/>
<a onClick="window.java.startFunction()">调用java代码</a><br/>
<a onClick="window.java.startFunction('Test')" >调用java代码并传递参数</a>
<br/>
<div id="content">Body</div>
</body>
</html>
AndroidManifest.xml 代码 
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="webview.test"
      android:versionCode="1"
      android:versionName="1.0">


    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name="webview.test.MainActivity"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

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

WevView 调用 JS 方法

// 无参数调用
			contentWebView.loadUrl("javascript:javacalljs()");
			// 传递参数调用
			contentWebView.loadUrl("javascript:javacalljswithargs(" + "'hello world'" + ")");

JS调用Java方法 

<a onClick="window.java.startFunction()">调用java代码</a><br/>
<a onClick="window.java.startFunction('Test')" >调用java代码并传递参数</a>
<br/>
以上,结合参考网上教程，没有什么技术难度，那么问题来了，有时候js调用java时，会执行不到。

注意AndroidManifest.xml 中如果指定了target sdkversion 不作处理，会执行不到js

    <uses-sdk
        android:minSdkVersion="7"
        android:targetSdkVersion="17" />

android要求当target sdkversion到17或者更高后，必须使用一个annotation @JavascriptInterface

大家以后在升级targetsdkversion的时候还是小心点。各种类似的坑非常多。

Caution: If you've set your targetSdkVersion to 17 or higher, you must add the @JavascriptInterfaceannotation to any method that you want available to your JavaScript (the method must also be public). If you do not provide the annotation, the method is not accessible by your web page when running on Android 4.2 or higher.


解决方式一：

          删掉mainfest.xml中targetsdkversion内容⊙﹏⊙b汗

解决二：

     

   <uses-sdk
        android:minSdkVersion="7"
        android:targetSdkVersion="17" />
  
    

在js要运行的java方法前加上<span style="color: rgb(34, 34, 34); font-family: Roboto, sans-serif; font-size: 14px; line-height: 19px; background-color: rgb(249, 249, 249);"> </span><code>@JavascriptInterface</code>

import android.webkit.JavascriptInterface;

在js要寻星的java方法前加入 @JacascriptInteface 编译SDK必须大于4.2 才能找到 JacascriptInteface

package webview.test;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;
import android.webkit.JavascriptInterface;
@SuppressLint({ "SetJavaScriptEnabled"})
public class MainActivity extends Activity{

	private WebView contentWebView = null;
	private TextView msgView = null;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		contentWebView = (WebView) findViewById(R.id.webview);
		msgView = (TextView) findViewById(R.id.msg);
		// 启用javascript
		contentWebView.getSettings().setJavaScriptEnabled(true);
		// 从assets目录下面的加载html
		contentWebView.loadUrl("file:///android_asset/index.html");

		Button button = (Button) findViewById(R.id.button);
		button.setOnClickListener(btnClickListener);
		contentWebView.addJavascriptInterface(this, "java");
	}
	OnClickListener btnClickListener = new Button.OnClickListener() {
		public void onClick(View v) {
			// 无参数调用
			contentWebView.loadUrl("javascript:javacalljs()");
			// 传递参数调用
			contentWebView.loadUrl("javascript:javacalljswithargs(" + "'hello world'" + ")");
		}
	};
	@JavascriptInterface
	public void startFunction() {
		Toast.makeText(this, "js调用java", Toast.LENGTH_SHORT).show();
		runOnUiThread(new Runnable() {

			@Override
			public void run() {
				msgView.setText(msgView.getText() + "\njs调用java");

			}
		});
	}
	@JavascriptInterface
	public void startFunction(final String str) {
		Toast.makeText(this, str, Toast.LENGTH_SHORT).show();
		runOnUiThread(new Runnable() {

			@Override
			public void run() {
				msgView.setText(msgView.getText() + "\njs调用java传递参数：" + str);

			}
		});
	}
}


参考博客

http://blog.csdn.net/zhtsuc/article/details/16809513

http://blog.csdn.net/cappuccinolau/article/details/8262821

http://blog.csdn.net/roserose0002/article/details/17414759

http://www.igooda.cn/jzjl/20141212737.html

http://stackoverflow.com/questions/16353430/appview-addjavascriptinterface-does-not-work-on-api-17

homebei2
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android混合开发，webview的java与js互操作
zidafone的博客
12-09 485
android原生应用，用webview加载应用中的网页，并且java代码与js代码可以互相操作。 这是混合开发的基石，最基本也最重要的东西，实验代码在这里。 概括说说—— java调js：调用webView.load("javascript:someFunction()"); 这样可以调用webView里页面上的全局方法。这不是什么新鲜东西，你在网页中也可以这么做，试试在浏览器地址栏输入
android java调用js_android中webviewjs与java的相互调用
weixin_39625747的博客
02-20 115
实现的方法是将数据通过js传递到html页面中。android中的关键代码：webview.getSettings().setJavaScriptEnabled(true);webview.addJavascriptInterface(object,”name”);//把object添加到window中。Name=”name”；webview.loadUrl(“file:///android_as...
webview java调用js_android WebView java与js相互调用
weixin_35747785的博客
02-21 169
android WebView java与js相互调用发布时间：2020-07-14 00:42:42来源：51CTO阅读：454作者：向往宇宙android webView js 使用1、js调用java1、1 js代码function call(){window.androidInterface.call('02585818031');}1.2、java代码package com.exampl...
【Android】Android中WebView实现Java与JS交互
大船
01-25 1373
现在混合式开发是大趋势，H5不断蚕食移动互联网的份额，有的公司甚至只用H5就搞了一个APP，我们搞Android的不说会点H5，至少要懂怎么和H5（和JavaScript）交互，费话不多说。一、先看效果：二、此效果图实现了以下4个功能： Java调用JS中的无参函数； Java调用JS中的有参函数，参数是从Java中传入的； JS调用Java的无参函数； JS调用Java中的有参函数，参数是从JS中
android中WebView的Java与JavaScript交互
谁与争锋的专栏
05-26 1787
android开发中经常使用WebView来加载网页，难免遇到Java与JavaScript的相互调用，记录下来，以便今后查阅。Java调用JavaScript方法这个很简单，只需一句代码：webView.loadUrl("javascript:bb('这是Java调用JavaScript的结果')");bb是html中的JavaScript的方法名，括号是参数。JavaScript调用Java方法
android使用webView实现java程序与js脚本的相互调用
07-31
本文将详细介绍如何在Android中使用WebView实现Java程序与JS脚本的相互调用。 ### 1. 添加WebView到布局 首先，在XML布局文件中添加WebView组件，例如在`activity_main.xml`中： ```xml <WebView android:id="@+...
android webview中使用Java调用JavaScript方法并获取返回值
01-20
在Java代码中，我们需要定义一个内部类`JsToJava`，该类需要实现`jsMethod`方法，这个方法会在JavaScript调用它时被触发，接收JavaScript返回的值： ```java private class JsToJava { @JavascriptInterface // ...
android之webview与js相互调用
06-13
JavaScript调用Android代码则需要实现`WebViewClient`的`shouldOverrideUrlLoading()`方法，并通过`addJavascriptInterface()`添加一个Java对象到Webview，使得JavaScript可以访问这个对象的方法。 首先，创建一个...
Android原生WebView与网页js相互调用
04-09
本文将深入探讨如何在Android原生的WebView中与嵌入的JavaScript进行交互，使得两者可以相互调用方法，增强应用的功能和用户体验。 一、WebView基本使用 首先，我们需要在布局XML文件中添加WebView组件，并在Java...
android WebView java与js相互调用
weixin_33762130的博客
10-10 78
android webView js 使用1、js调用java 1、1 js代码 <script type="text/javascript"> function call(){ window.androidInterface.call('02585818031'); } </script&...
webview控件使用(java代码和js的互相调用)
05-04
利用webview控件，实现js和java代码的相互调用
安卓webview中的h5页面里js和java相互调用
12-04
安卓webview中h5页面里的js和java相互调用，js和Android代码相互调用
Android中WebView使用详解及Java与js相互调用
yushuangping的博客
11-15 4827
经常用到WebView，还没有系统的总结过它的用法，下面就系统的总结下，不足的地方希望大家多多指教 一、基本用法 1、加载在线URL void loadUrl(String url) 这个函数主要加载url所对应的网页地址，或者用于调用网页中的指定的JS方法（调用js方法的用法，后面会讲）,但有一点必须注意的是：loadUrl()必须在主线程中执行，否则就会报错。 注意：加载在线网页...
Android的WebView中js与java代码相互调用
紫竺的博客
02-04 1264
现在越来越多的的项目中会采用webview的形式的展示自己的页面，通过这种形式的最大优点是展示的内容的可控性非常强，服务器可以通过更新服务端html文件来展示最新的内容。有些复杂html页面不单单是展示内容，可能还会有一些按钮，点击按钮后会跳转到android的本地页面，这个时候就需要通过js来调用android的本地代码了
webview中java与js互调
暄妍丶的博客
06-20 230
Android webview中java与js互调 java掉用js 一般步骤 开启js支持 加载页面 调用loadUrl(JavaScript:js中的方法名()). js调用java 一般步骤 添加js支持 创建接收js调用的类 webView组件添加addJavascriptInterface(new 创建的类,“别名”) 在js中调用 window.别名.类中的方法名() //1.添加js支持 webView= findViewById(R.id.wv_image); //初始化组件 w
Android中webview里js和java的相互调用--含代码demo解析
编程小石头
12-04 1932
webview中js和java相互调用的实例代码 webview中js和Android代码相互调用 下面是个demo步骤 一，首先创建一个activity public class Js2JavaActivity extends Activity {     private Button btn_show,btn_hide;     private WebView wv;     private JsInterface JSI
Android webView之Js调用Java and Java调用Js
LIXIAONA_1101的博客
09-18 972
首先说一下webView，webView是网页加载视图，细节请看https://blog.csdn.net/LIXIAONA_1101/article/details/80820546 接下来是JavaScript调用Java： 在main下创建一个assets文件夹，HTML从assets中创建： 接下来看一下HTML是如何布局的： 这些都是纯手敲的，当然会有那么一点点的提示； ...
Java中动态绑定机制
老骆驼的博客
11-17 920
总结： java的动态绑定机制:成员方法在执行的过程中 JVM会将当前方法和当前调用对象实际内存进行绑定， 但是成员属性是没有动态绑定机制的，属性在哪里声明就在哪里使用。 结论的来源理论依据来自于jvm编译原理，有兴趣的可以亲自去试试。 以下通过一个简单的继承关系来说明 class Test{ public static void main(String args[]){ AAA aaa=new BBB(); System.out.println(aaa.ge

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值