Android用Webview调用js带参数的方法的时候注意事项

最新推荐文章于 2021-11-27 14:20:18 发布
最新推荐文章于 2021-11-27 14:20:18 发布
阅读量1.4k 收藏
点赞数 4
分类专栏： Android日常开发 文章标签： webview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kuankuan199308153614/article/details/106137057
版权

webview调用js方法的时候传参数的时候直接拼接上本地参数是不行的
ps:这里只用调用的方法有参数但没有返回值的做例子

假如加载的html的代码如下

String ss = 
"<!DOCTYPE html>\n" +
 "<html>\n" +
 "<head>\n" +
 "<title></title>\n" +
 "<style>\n" +
 "img {display: block;max-width: 100%!important;height: auto !important;margin: 10px auto;}\n" +
 "</style>\n" +
 "<script type=\"text/javascript\">\n"+
 "function changeBgColor(color) {\n" +
 "    document.body.style.backgroundColor = color;\n" +
 "}\n"+
 "function changeFontSize(fontSize) {\n" +
 "\t document.body.style.fontSize = fontSize + 'px';\n" +
 "}\n"+
 "</script>\n"+
 "</head>\n" +
 "<body>" + "这里放点你们网页要加载的内容" +
 "</body>\n" +
 "</html>";
webView.loadDataWithBaseURL(null, ss, "text/html", "UTF-8", null);

如是调用不带参数的方法，我们直接调用就可以了

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

功能需要参数的时候，直接拼接是不生效的如下(x)

String params = "需要的参数";
webView.loadUrl("javascript:changeFontSize("+params+")");

需要像java中类似字符类型用 "包裹一下才能生效的如下(✔️️)

String params = "需要的参数";
 webView.loadUrl("javascript:changeFontSize('" + params + "')");

最后，调用js方法之前别忘了启用

 webSettings.setJavaScriptEnabled(true);
YAMgoddess
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
android webview中使用Java调用JavaScript方法并获取返回值
01-20
在android平板上用webview打开一个网页，调用里面的javascript方法，同时相互传参。 网上例子很少啊，基本都不能获取返回值，贴一个自己最后调试完的代码如下： Java: 代码如下: protected void onCreate(Bundle savedInstanceState) { …….. x = (WebView)this.findViewById(R.id.webView_viewTable); x.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY); x.getSettings().setBuiltInZoomC
Android使用webview进行android与js互相调用（带源码）
01-03
一.添加权限 二.js调用android代码 1.需要写一个java对js方法的映射 public class AndroidToJS { // 定义JS需要调用的方法 // 被JS调用的方法必须加入@JavascriptInterface注解 @JavascriptInterface public void callAndroid(String msg){ Log.e(l2,JS调用了Android的callAndroid()，msg : + msg); } } 2.activitiy类，webview设置，把接口方法添
Android中 webView调用JS出错的解决办法
01-05
问题     webView调用JS出错。 代码如下:     class TestJS {         ……         public TestJS(){         }                 public void save(String data){                        webView.loadUrl(“[removed] alert(” + data +”)”);         }         ……     } 代码如下:     W/WebView(2088): java.lang.Throwable: A Web
Android中WebView中拦截所有请求并替换URL(支持AJAX的post请求类型)
热门推荐
小熊爱发明的博客
05-17 3万+
需求背景 接到这样一个需求，需要在 WebView 的所有网络请求中，在请求的url中，加上一个sign=xxxx 的标志位，同时添加手机本地的数据比如 sessionToken=sd54f5sd4ffsdf45454564  、deviceId=863970025919887 例如 http://www.baidu.com 加上标志位就变成了 http://www.baidu.c
Android：WebView与Javascript交互（相互调用参数、传值）
rorntuck7的专栏
12-05 1万+
Android中可以使用WebView加载网页，同时Android端的Java代码可以与网页上的JavaScript代码之间相互调用。 Activity代码：  //在js中调用本地java方法   webView.addJavascriptInterface(new JsInterface(this), "AndroidWebView");   //添加客户端支持   webView.
Android 网页交互详解和mWebview.evaluateJavascript带参数注意事项
u011339364的专栏
08-15 1万+
android 4.4以下跟H5交互需要调用webview的loadUrl（javascript:方法名（参数））来实现调用js方法。如果需要网页获取返回值还需要网页调用安卓 @JavaScriptInterface 注解的方法才可以。 Android 4.4以上调用webview.evaluateJavascript(javascript:方法名（参数），new ValueCallback{...
Android 显示 WebView ，加载URL 时，向webview的 header 里面传递参数
赵彦军
05-16 1万+
1、主要布局  xml version="1.0" encoding="utf-8"?> RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width
webView与js的交互以及传参
u011160184的专栏
09-27 798
在开发android webview的过程中经常会碰到这样的需求 1、点击webview上的数字手机跳到电话页面或自动播打电话 2、无网络出错，出现自定义本地出错页面，点击页面按钮重新加载 3、点击页面的某段话，自动发送短信 4、点击图片能放大显示 、、、 要完成上面的功能，基本上都要涉及webview 和 js 的交互，下面简单举几个小例子 涉及的过程： 1、html的js脚本调用本地android中的java方法-->无参 2、android中的java代码调用html的j.
Android 拦截WebView请求，并加入或修改参数（GET）
小白新人
11-01 4874
今天遇到一个需求，H5内部调用登录请求，然后手机端给他拼接用户的ID及其他消息 这个WebView提供了方法shouldInterceptRequest 下面代码，只是简单demo，请求方式是get mWebView.setWebViewClient(new WebViewClient() { @Nullable @Override public WebResour...
Android WebView调用js方法当参数过长时会被自动截取
lxw602863920的专栏
08-26 2023
WebView调用JS方法，不管是loadUrl还是evaluateJavascript的方式， 部分机型当参数字符串过长时都会被自动截取， 比如原生需要传base64格式的图片数据给h5， 解决办法是将参数封装成json对象，直接传JSONObject ...
WebView与Javascript交互（相互调用参数、传值）
qq_32534441的博客
08-01 5946
现在很多App里都内置了Web网页（Hyprid App），比如说很多电商平台，淘宝、京东、聚划算等等，如下图京东首页上述功能是由Android的WebView实现的，其中涉及到Android客户端与Web网页交互的实现 今天我将全面介绍Android通过WebView与JS交互的全面方式目录1. 交互方式总结Android与JS通过WebView互相调用方法，实际上是：Android去调用JS的代码 JS去调用Android的代码二者沟通的桥梁是WebView对于Android调用JS代码的方法有2种：通
Android WebView 常见问题总结
sunny_1020的博客
12-17 253
Native调用js（一定要在UI线程操作） 调用js的两种方式： String js = "javascript:" + function + "(" + param + ")"; webview.evaluateJavascript(js, calllback); //(4.4+)：不会使页面刷新 webview.loadUrl(js); // 页面会刷新 WebView 加载超长JS数据，...
android调用vue中的js方法,Android webview 与 js(Vue) 交互
weixin_34208146的博客
05-26 487
js 与原生交互分为两种情况：js 调用原生方法，原生调用 js 方法。本文将对这两种情况分别讲解，H5 端用 vue 实现。一、前期准备(Vue项目准备)本文的 H5 端用Vue 实现，所以在正式开始前先把 Vue 项目环境准备好。项目写好后，执行 npm run serve 命令启动项目，启动成功后会在命令行看到两个地址：http://localhost:8080/ 和 http://10....
Android使用webview调用js方法传参,参数无法传入的问题
jsxin0816的博客
07-24 5258
最近做一款gis地图项目,需要用到Android中的webview加载本地html并且调用js方法:坑爹的问题出现了,当调用js方法需要传参数的时候死活传不进去 首先设置webview支持调用js方法: WebSettings webSettings = mWebview.getSettings(); //mWebview是你的webview控件 w...
Android实现页面按钮跳转,导航栏返回
Blog
12-07 1953
Android实现页面按钮跳转,导航栏返回 https://developer.android.google.cn/training/basics/firstapp/starting-activity 参考官方文档 Why？ 主要记录几个重点，方便之后复用。 新建一个既有java源码和xml布局文件的 activity？ 右键app文件夹选择新建一个activity 通过按钮跳转到其他页面 首先在对应的java文件中创建一个 按钮的点击对应方法，跳转通过 intent 实现，创建好方法后去xml界
android调用javascript函数参数,Android在WebView中调用JavaScript函数
weixin_30840919的博客
05-25 243
Android在WebView中调用JavaScript函数我想打电话给一些javascript坐在一个html中运行的页。android webview..下面代码试图做的非常简单-从Android应用程序中，调用javascript函数具有一个测试消息，该函数反过来在Android应用程序中调用一个java函数，该应用程序通过TOS显示测试消息。这个javascript函数看起来如下：func...
Android 实测WebView获取页面的post请求参数（form，ajax）
ZBM来了
11-27 4371
背景 由于项目需求要获取某些网页的请求参数信息，get请求的参数拼接在url中，所以可以直接拦截url获得，但是post请求的参数信息存放在body里面，android没有提供方法直接获取，而该网页是其他第三方提供的，不方便修改网页代码来传递参数给android原生这边，所以可以通过js注入的方式来获取。 关键步骤 js代码 核心js代码下载jscore 从文件中读取js代码为字符串，便于后面给webview加载 public class IOUtils { public static byte[]
android与js交互传多个参,Android：WebView与Javascript交互（相互调用参数、传值）
weixin_42164931的博客
05-25 964
Android中可以使用WebView加载网页，同时Android端的java代码可以与网页上的javascript代码之间相互调用。效果图：(一)Android部分：布局代码：xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_p...
Android webview调用react ts方法Android webview调用react ts方法
最新发布
03-08
可以使用WebView的loadUrl方法来调用React TS方法，具体实现可以参考以下代码： 1. 在React TS中，定义一个全局函数，例如： window.myFunction = function() { // do something } 2. 在Android中，使用WebView的loadUrl方法来调用该函数，例如： webView.loadUrl("javascript:myFunction()"); 这样就可以在Android中调用React TS中定义的函数了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值