android 和h5互调步骤

墨蓝 2023-10-10 08:05 11阅读 0赞

1. Android 中调用JS

假如:H5页面中有一段如下JS代码

function h5Test(str){
    　　xxxx...
    　　xxxx...
    }

Android中调用方式如下:

步骤一: 启动支持JS

WebSettings ws = getSettings();

ws.setJavaScriptEnable(True);

步骤二: 加载网页

webView.loadUrl(url);

步骤三:调用网页中的js, 注意此处函数名要和 上面js代码中函数名完全一致

webView.loadUrl("javascript:changeTitle('Android调用js')");

2.JS调用Android

假定点击H5网页上的一个按钮,跳转到Android代码中的某个Activity页面

步骤一:启动支持JS

WebSettings ws = getSettings();

ws.setJavaScriptEnabled(true);

步骤二:给webView添加JS接口类, 该类封装了原生的操作. 参数2是JS中的实体类名字,需要和js代码中名字保持一致

webView.addJavascriptInterface(new JsInterface(),"js2android");

H5页面见到js2android 就会到JsInterface()类中找相应方法.

步骤三:编写接口类的内容

public class JsInterface{
    　　@JavascriptInterface  //这个注解一定要带上
    　　public void selectPic(){
    　　　　Intent intent = new Intent(WebViewActivity.this,GetPicActivity.class);
    　　　　startActivityForResult(intent,100);
    　　}
    }

步骤四:H5页面中JS对应代码

function appSelectPic(){
    　　javascript:js2android.selectPic();
    }

通过以上4个步骤,就可以做到点击H5页面的一个按钮,跳转到 对应Activity

转载于:https://www.cnblogs.com/android-zcq/p/6207917.html

发表评论取消回复

表情：

评论列表（有 0 条评论，11人围观）

还没有评论，来说两句吧...

相关阅读

相关 android 和h5互调步骤

1. Android 中调用JS 假如:H5页面中有一段如下JS代码 function h5Test(str){ 　　xxxx... 　　xxxx.

墨蓝/ 2023年10月10日 08:05/ 0 赞/ 12 阅读

相关 H5与Android和ios原生交互

判断是Android还是ios isIos() { // 判断是否是Ios return /(iPhone|iPad|iPod|iOS|

红太狼/ 2022年12月04日 09:16/ 0 赞/ 266 阅读

相关 android与web互调,Android WebView和html中js互调

希望大写一起学习android,一起进步。可以加群 102063643 android技术开发在做应用的过程中，越来越多的应用使用webView来显示界面了，其中很多和js

缺乏、安全感/ 2022年10月14日 00:47/ 0 赞/ 175 阅读

相关 Javascript和android原生互调

最近在做原生和js端的互调的功能，自己改了个demo，给大家讲解下。先上js代码 <!DOCTYPE html> <html> <head>

末蓝、/ 2022年09月21日 13:15/ 0 赞/ 192 阅读

相关 android webview中java和js互调

html中通过js调用java代码 java中生成一个名字为demo的javascript全局对象，js中可以调用这个全局对象： mWebView.addJav

今天药忘吃喽~/ 2022年08月08日 13:53/ 0 赞/ 195 阅读

相关 ios嵌h5互调

<!doctype html> <html><head> <meta name="viewport" content="user-scalabl

梦里梦外;/ 2022年05月29日 22:13/ 0 赞/ 179 阅读

相关 HSF和Dubbo服务互调

1.HSF调用Dubbo 1.1 EDAS项目和Dubbo项目要求 EDAS项目：war，启动方式：Ali-tomcat Dubbo项目：war/jar，启动方式

Bertha 。/ 2022年05月14日 06:36/ 0 赞/ 273 阅读

相关 h5 input调起数字键盘

ios: type="number" 调起的数字键盘不是九宫格 iOS中，只有\[0-9\]\\\才可以调起九宫格数字键盘，\\d 无效 android: ty

朱雀/ 2022年04月18日 05:39/ 0 赞/ 736 阅读

相关 ios和android内嵌h5页面联调小结

ios Android H5 方法兼容 1. 在h5和Android中判断是否为空是 == === 都可以进行判断,但是ios无法正确进行判断,空字符串判断会返回fal

阳光穿透心脏的1/2处/ 2022年01月20日 02:09/ 0 赞/ 272 阅读

相关 Android通过webview与H5交互（互调）

前话笔者是写H5小页面的，所以这篇文章主要是针对前端与安卓交互时遇到的一些问题做简单总结和合理猜测，针对安卓的话，有一个图是总结所有交互的方式的，可以看一下，当个参考，

偏执的太偏执、/ 2021年11月17日 08:56/ 0 赞/ 708 阅读