androidjswebview交互
❶ 在Android上怎样实现java和JS交互
完全讲完的话比较多，我就不讲太细，有两种实现方式
1、使用原生的webview 和js交互
2、第二种方式是用第三方框架，这个框架一定要选好，要js android ios都能用 不然最后会发现这个能交互那个不能，代码需要些两套
我上个项目用的：'com.gzsll.jsbridge:library:1.0.0'
具体用法可以网络到
❷ androidwebview加载本地js怎么实现交互
WebView(网络视图)能加载显示网页，可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页，实现WebView有以下两种不同的方法：
第一种方法的步骤：
1.在要Activity中实例化WebView组件：WebView webView = new WebView(this);
2.调用WebView的loadUrl()方法，设置WevView要显示的网页：
互联网用：webView.loadUrl("http://www.google.com");
本地文件用：webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在：assets 文件中
3.调用Activity的setContentView( )方法来显示网页视图
4.用WebView点链接看了很多页以后为了让WebView支持回退功能，需要覆盖覆盖Activity类的onKeyDown()方法，如果不做任何处理，点击系统回退剪键，整个浏览器会调用finish()而结束自身，而不是回退到上一页面
5.需要在AndroidManifest.xml文件中添加权限，否则会出现Web page not available错误。
<uses-permission android:name="android.permission.INTERNET" />
第二种方法的步骤：
1、在布局文件中声明WebView
2、在Activity中实例化WebView
3、调用WebView的loadUrl( )方法，设置WevView要显示的网页
4、为了让WebView能够响应超链接功能，调用setWebViewClient( )方法，设置 WebView视图
5、用WebView点链接看了很多页以后为了让WebView支持回退功能，需要覆盖覆盖Activity类的onKeyDown()方法，如果不做任何处理，点击系统回退剪键，整个浏览器会调用finish()而结束自身，而不是回退到上一页面
6、需要在AndroidManifest.xml文件中添加权限，否则出现Web page not available错误。
<uses-permission android:name="android.permission.INTERNET"/>
❸ android与javascript的交互可以不通过webview吗
在android的应用程序中,可以直接调用webview中的javascript代码,而webview中的javascript代码,也可以去调用ANDROID应用程序(也就是JAVA部分的代码).下面举例说明之:
1JAVASCRIPT脚本调用android程序
要在webview中,调用addJavascriptInterface(OBJ,interfacename)
其中,obj为和javascript通信的应用程序,interfacename为提供给JAVASCRIPT调用的
名称,设置如下:
?
1
2
3
4
5
WebViewwebView=newWebView(this);
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl(getIntent().getCharSequenceExtra("url").toString());
//设定JavaScript脚本代码的界面名称是”android”
webView.addJavascriptInterface(this,"android");
其中WEBVIEW调用的HTML页中,JS如下:
?
1
2
3
4
<scripttype="text/javascript">
functionok(){
android.js(document.forms[0].elements[0].value,document.forms[0].elements[1].value);
}
而这个android.js在哪呢?那是在应用程序中的
?
1
2
3
4
//JavaScript脚本代码可以调用的函数js()处理
publicvoidjs(Stringaction,Stringuri){
...../
}
这个JS中就是处理JAVASCRIPT发送过来的请求了.
2)下面的例子,当WEBVIEW网页中输入后,点提交按钮,会跟ANDROID的应用程序进行交互
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
WebViewwebView=newWebView(this);
webView.getSettings().setJavaScriptEnabled(true);
webView.setWebChromeClient(newMyWebChromeClient());
webView.loadUrl(getIntent().getCharSequenceExtra("url").toString());
//onJsAlert()函数接收到来自HTML网页的alert()警告信息
publicbooleanonJsAlert(WebViewview,Stringurl,Stringmessage,JsResultresult){
if(message.length()!=0){
AlertDialog.Builderbuilder=newAlertDialog.Builder(JExample02.this);
builder.setTitle("FromJavaScript").setMessage(message).show();
result.cancel();
returntrue;
}
returnfalse;
}
而HTML页中的JS事件为:
?
1
<inputtype="button"value="alert"onclick="alert(document.forms[0].elements[0].value)">
特别提示下,在自定义的MyWebChromeClient())中,除了可以重写onJSAlert外,还可以
重写onJsPrompt,onJsConfirm等,可以参考
http://618119.com/archives/2010/12/20/199.html
3)下面这个例子,先显示第一张图片,点一点后，再显示第2张图片
HTMLJS中:
?
1
2
3
4
5
6
7
8
9
10
11
12
13
<scriptlanguage="javascript">
functionchangeImage02(){
document.getElementById("image").src="navy02.jpg";
}
functionchangeImage01(){
document.getElementById("image").src="navy01.jpg";
}
</script>
</head>
<body>
<aonClick="window.demo.onClick()">
<imgid="image"src="navy01.jpg"/></a>
</body>
当点<aonClick="window.demo.onClick()">
后,调用ANDROID应用程序中的处理部分,看程序:
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
webView.addJavascriptInterface(newJSInterface(),"demo");
publicfinalclassJSInterface{
//JavaScript脚本代码可以调用的函数onClick()处理
publicvoidonClick(){
handler.post(newRunnable(){
publicvoidrun(){
if(flag==0){
flag=1;
webView.loadUrl("javascript:changeImage02()");
}else{
flag=0;
webView.loadUrl("javascript:changeImage01()");
}
}
});
}
}
可以看到,ANDROID中,通过webView.loadUrl去调用HTML页面中的JS
❹ Android-webview和js脚本语言交互的时候怎么获取js方法的返回值
方法：
1、通过webview访问js脚本
2、js脚本再调用webview中的java函数把结果返回
示例代码：
通过本地的webview打开脚本页面。
调用步骤
1、设置webview支持脚本
webSettings.setJavaScriptEnabled(true);
2、打开脚本页面
mWebView.loadUrl("file:///android_asset/demo.html");//这里打开该app的asset目录下的demo.html，里面含有wave函数脚本3、调用脚本
mWebView.loadUrl("javascript:wave()");//调用打开页面中的wave函数4、webview中建立js能够访问
mWebView.addJavascriptInterface(newDemoJavaScriptInterface(),"demo");//js可以通过demo访问到DemoJavaScriptInterface类中的方法。
{
DemoJavaScriptInterface(){
}
publicvoidclickOnAndroid(Stringresult){
System.out.prinltn("返回的结果"+result);
}
}
5、js访问webview方法
<scriptlanguage="javascript">
functionwave(){
alert("1");
window.demo.clickOnAndroid('结果1');//返回结果，调用java方法
}
</script>
❺ 在Android上怎样实现JAVA和JS交互
java和js交互分为三种情况，分别是：
1 调用网页上的js代码
Android中可以通过webview来实现和js的交互，在程序中调用js代码，只需要将webview控件的支持js的属性设置为true，，然后通过loadUrl就可以直接进行调用，如下所示：
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.loadUrl("javascript:test()");
2 网页java代码的方法
在网页中调用java代码，需要在webview控件中添加javascriptInterface。如下所示：
mWebView.addJavascriptInterface(newObject(){
publicvoidclickOnAndroid(){
mHandler.post(newRunnable(){
publicvoidrun(){
Toast.makeText(Test.this,"测试调用java",Toast.LENGTH_LONG).show();
}
});
}
},"demo");在网页中，只需要像调用js方法一样，进行调用就可以
<div id='b'><a onclick="window.demo.clickOnAndroid()">b.c</a></div>
3 Java代码调用js并传参
首先需要带参数的js函数，如functiontest(str)，然后只需在调用js时传入参数即可，如下所示：
mWebView.loadUrl("javascript:test('aa')");
4.Js中调用java函数并传参
首先一样需要带参数的函数形式，但需注意此处的参数需要final类型，即得到以后不可修改，如果需要修改其中的值，可以先设置中间变量，然后进行修改。如下所示：
mWebView.addJavascriptInterface(newObject(){
publicvoidclickOnAndroid(finalinti){
mHandler.post(newRunnable(){
publicvoidrun(){
intj=i;
j++;
Toast.makeText(Test.this,"测试调用java"+String.valueOf(j),Toast.LENGTH_LONG).show();
}
});
}
},"demo");然后在html页面中，利用如下代码<divid='b'><aonclick="window.demo.clickOnAndroid(2)">b.c</a></div>，
下面是安卓无忧中js 与安卓相互调用的效果图，可以网络一下安卓无忧，点击源码，看看里面的源码。
❻ 安卓原生和js交互的4种方式 java和js交互 安卓JsBridge原理解析
JsBridge是实现Android与JavaScript交互的流行方式，共有四种方法可以实现数据传递。第一种方法是通过`addJavascriptInterface`实现JS调用Android。此方法使用`public void addJavascriptInterface(Object object, String name) {}`，其中`object`为Android对象，`name`为其别名。例如，`webview.addJavascriptInterface(JavaH5Activity.this, "androidObject");`将JavaH5Activity实例命名为androidObject传递给JS。在JS中调用时，使用`window.androidObject.androidMethod();`获取Android传递的数据。示例代码展示了JS和Android运行效果与日志输出。
第二种方法是`shouldOverrideUrlLoading`，允许JS通过重定向触发Android拦截，解析URL中的数据，并指挥Android执行相应操作。简单的重定向代码和URL编码示例展示了如何将数据传递给Android。打印结果验证了数据解析和执行情况。
第三种方法是通过`loadUrl`实现Android调用JS。示例代码展示了如何将数据`jsonParams`传递给JS并显示在H5页面上。通过修改JS代码中的注释，演示了请求重定向的问题，随后介绍了一种方法来弥补这一缺陷。
第四种方法是`evaluateJavascript`，允许Android调用JS代码，实现数据双向传递。示例代码与运行结果展示了其功能，通过日志输出验证了数据的交互过程。
JSBridge原理简述为：它是一座由JavaScript构建的桥梁，替代WebView自带的接口，提供灵活、安全的Android与JS交互机制。它允许根据预约定的规则通知Native执行特定操作，实现两者的交互。
若有编程疑问，欢迎私信我，我会尽快解答。我是编程小石头，一名全栈开发者，分享编程经验与心得，希望帮助后来者少走弯路。关注我，获取更多干货分享。