Android webview加载Html页面,传参到Html并获取返回值

最新推荐文章于 2022-03-02 17:21:49 发布
最新推荐文章于 2022-03-02 17:21:49 发布
阅读量1.2w 收藏 7
点赞数 1
分类专栏： WebView 文章标签： Android html webview 与web端交互
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sanyang730/article/details/51537405
版权
1.Android端代码

public class MainActivity extends Activity {

private static final String LOGTAG = "MainActivity";
@SuppressLint("JavascriptInterface")
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    final WebView myWebView = (WebView) findViewById(R.id.myWebView);

    WebSettings settings = myWebView.getSettings();
    settings.setJavaScriptEnabled(true);//设置JS可用
    myWebView.addJavascriptInterface(new JsInteration(), "control");//传递对象进行交互
    myWebView.setWebChromeClient(new WebChromeClient() {});
    myWebView.setWebViewClient(new WebViewClient() {
        @Override
        public void onPageFinished(WebView view, String url) {//当页面加载完成
            super.onPageFinished(view, url);            


           if(Build.VERSION.SDK_INT>=Build.VERSION_CODES.KITKAT){//当Android SDK>=4.4时
               callEvaluateJavascript(myWebView);
           }else {
            callMethod(myWebView);
           }
      }

    });
    myWebView.loadUrl("file:///android_asset/js_java_interaction.html");
}

private void callMethod(WebView webView) {
    String call = "javascript:sayHello()";

    call = "javascript:alertMessage(\"content\")";

   // call = "javascript:toastMessage(\"Hello World\")";

    //call = "javascript:sumToJava(1,2)";

    //call = "javascript:mult1(3,3)";

    webView.loadUrl(call);

}

public class JsInteration {

    @JavascriptInterface
    public void toastMessage(String message) {

        Toast.makeText(MainActivity.this, message, Toast.LENGTH_LONG).show();
    }

    @JavascriptInterface
    public void onSumResult(int result) {

        System.out.println(LOGTAG+"_onSumResult result=" + result);
    }

    @JavascriptInterface
    public void onMultResult(int result) {

        System.out.println(LOGTAG+"_onMultResult result=" + result);
    }
}

private void callEvaluateJavascript(WebView webView) {

      webView.evaluateJavascript("mult2(3,3)", new ValueCallback<String>() {

      @Override
      public void onReceiveValue(String value) {         

          System.out.println(LOGTAG+"_onReceiveValue value=" + value);
          Toast.makeText(MainActivity.this, "onReceiveValue value=" + value, Toast.LENGTH_LONG).show();
      }});
    }

}

2.Html页面
<html> <script type="text/javascript">   
       function sayHello() {   alert("Hello")    }
       function alertMessage(message) {   alert(message)    }
       function toastMessage(message) 
       {  window.control.toastMessage(message)    }
       function sumToJava(number1, number2){
         window.control.onSumResult(number1 + number2)    }  
       function mult1(x,y) {
        window.control.onMultResult(x*y)
       }     
       function mult2(x,y) {
        return  x*y;
       }     
      function sub(x,y) {
       return  x-y;
       }
 <body> <center> <p>Android与Javascript之间的交互.</p> </center> </body>
  </html>

3.运行结果
这里写图片描述
4.Demo下载地址
http://download.csdn.net/detail/sanyang730/9535274

SayaXue
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解Android WebView加载html片段
08-29
本篇文章主要介绍了详解Android WebView加载html片段，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Android WebView与 JS 的交互方式
xuyin1204的博客
08-04 240
参考. 1. 交互方式总结 Android与JS通过WebView互相调用方法，实际上是： Android去调用JS的代码 JS去调用Android的代码 二者沟通的桥梁是WebView 对于Android调用JS代码的方法有2种： 通过WebView的loadUrl（） 通过WebView的evaluateJavascript（） 对于JS调用Android代码的方法有3种： 通过WebView的addJavascriptInterface（）进行对象映射 通过 WebViewClient
Android中的webview详细使用
代码小疯子
11-06 8955
package com.administrator.interviewsummary; import android.app.Activity; import android.app.ProgressDialog; import android.graphics.Bitmap; import android.net.http.SslError; import android.os.Bundle;
Android中的WebView使用
zhao_csdn_8的博客
03-18 663
1、基础用法 1）加载本地assert目录下文件（error.html） webcontent.loadUrl（" file:///android_asset/error.html "）; 2）加载网络url（http://www.csdn.com） webcontent.loadUrl（" http://www.csdn.com "）; 3）加载 String 类型html String errorHtml = "<html><body><h1>Page not f
android的js互调，如何在webView加载前给web传值
岩浆李的游鱼
03-02 2852
前言： 今天做项目遇到个问题。需求是：webview在加载网页的时候，在网页渲染前给web传值，用于网页渲染？看完，你是不是很有兴趣？接下来我把js交互也详细总结一篇。希望对同学们有帮助。 一、android调用web上的方法 直接上代码吧： //无参调用，方法名为：setDeviceData；这里的参数为json binding.webViewX5.loadUrl("javascript:setDeviceData()"); //有参数调用，方法名为：setDeviceData；参数为：json bin
android原生webview中调用JS方法并传递参数给JS遇到的问题
热门推荐
学无止境
10-26 2万+
在使用webview时，需要给JS传递一个参数，之前前端同事把JS方法内容和html内容分离了，所以在使用下面的方法的时候一直显示方法未定义[INFO:CONSOLE(1)] "Uncaught ReferenceError: load is not defined", source:  (1）,后来把JS方法写到html里，这个方法就可以调用了，因为是第一次做这个问题，所以不知道有没有直接调用单
Android中WebView加载本地Html，与JavaScript与Android方法相互传值
东子的博客 细节决定成败，点滴铸就辉煌。
06-25 1万+
最近在做项目中，要使用HightChart来实现心电图，于是，使用WebView加载本地html页面，但是数据是通过蓝牙设备采集的数据，用Java代码获取的数据，需要将数据传到JavaScript中去，使用来绘制心电图。以前都加载服务器端返回的url地址，使用WebView加载，这次不同了，要自己实现心电图的绘制。于是细细的学习了JavaScript与Java代码相互传值，最后总结在这里。为了让We
Android使用webview调用js方法传参,参数无法传入的问题
jsxin0816的博客
07-24 5262
最近做一款gis地图项目,需要用到Android中的webview加载本地html并且调用js方法:坑爹的问题出现了,当调用js方法需要传参数的时候死活传不进去 首先设置webview支持调用js方法: WebSettings webSettings = mWebview.getSettings(); //mWebview是你的webview控件 w...
Android中WebView加载本地Html，与JavaScript与Android方法相互传值（续）
东子的博客 细节决定成败，点滴铸就辉煌。
07-02 7318
接着上篇Android中WebView加载本地Html，与JavaScript与Android方法相互传值，今天来一篇续集，为什么要来续集呢，感觉自己还有没有交代完的部分，于是在这里再次交代一下，在Android中我们需要将给复杂的数据传到Html页面，我们该怎么做？大家作为一直搞android或IOS的小伙伴们，有好多对Html都了解不是太多，于是思考了一番，无非就是向Html页面传值吗？我就只会
android webview中使用Java调用JavaScript方法并获取返回值
10-24
主要介绍了android webview中使用Java调用JavaScript方法并获取返回值,本文直接给出代码示例,需要的朋友可以参考下
Android webview如何加载HTML,CSS等语言的示例
08-28
本篇文章主要介绍了Android webview如何加载HTML,CSS等语言的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
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
Android 中使用WebView
QuietWake的博客
08-19 2765
作用：显示html富文本的控件 --加载html : loadData(String html,"text/html;charset=utf-8",null) 加载html网页内容 loadUrl(String url) 加载互联网的网页数据 loadUrl(String url,HashMap<String,String> headers) 加载网页,并带有请求头参数 loadUr
android webview传值,Android 显示 WebView ，加载URL 时，向webview的 header 里面传递参数...
weixin_39593354的博客
05-26 646
1.主要布局android:id="@+id/webview"android:layout_width="match_parent"android:layout_height="match_parent">2.WebViewActivity代码package com.webview.demo;import android.os.Bundle;import android.support.v7...
Android控件之WebView，加载一个网页
weixin_42370957的博客
12-20 1123
对于菜鸟小白来说，想要学习安卓网络编程必须要了解著名的WebView控件。一下是我对WebView的了解。 WebView控件在java方法常用的方法： setWebChlient:主要处理解析，渲染网页等浏览器做的事情 setWebChromeClient:辅助WebView处理JavaScript的对话框，网站图标，网页title，加载进度等 loadData();将给定数据加载到浏览...
Android Webview页面在加载资源文件的时候给h5传参
一名小安卓的博客
04-03 2401
文章目录demo详解setWebViewClientshouldOverrideUrlLoadingonLoadResourceonProgressChanged执行顺序先看一个demo demo mWebviewContent.setWebViewClient(new WebViewClient() { @Override public voi...
Android WebView 调用JS方法获取返回值
android开发笔记
05-22 1万+
Android4.4+方法 如果你项目的minSdkVersion 为4.4 以上，那么你可以直接通过WebView的evaluateJavascript（）方法 拿到JS方法的返回值 mWebView.evaluateJavascript（"javascript:JSMethod()", new ValueCallback<String>() { @Ove...
android 本地html传递参数,Android WebView适配html加载本地文件并上传
weixin_39712455的博客
05-26 1092
写在前面自从做Android APP产品以来，版本更迭一版接着一版，为新的业务需求一步也未曾停歇。工作开始进入一种机械化的快节奏：接触新知识，新技术领域一般都是通过网上找资料，快速入门，遇到问题解决了就解决了，完成之后也很少去用文字来总结经验，一个项目做完也只剩下提交的代码，或者将遇到的问题用笔记的形式草草记录下来。这几天终于有点闲下来了，回头看自己提交的代码，觉得有些知识还是应该整理总结一下。这...
ANDROID FRAGMENT传递参数_FRAGMENT之间传值的两种方法
baicaiye的专栏
11-23 1109
原文链接：http://dwtedx.com/itshare_296.html 首先说一下Activity和Fragment之间传递参数 当 Fragment 跟 Activity 绑定之后，在 Fragment 中可以直接通过 getActivity（）方法获取到 其绑定的 Activity 对象，这样就可以调用 Activity 的方法了。在 Activity 中可以通过如下方法获取到
android webview 加载本地html
最新发布
09-01
Android WebView 是 Android 开发中提供的一种用于显示网页内容的组件，它可以加载网页的url链接，也可以加载本地的html文件。 要加载本地的html文件，首先需要将该文件放置在 Android 项目中的 assets 目录下。assets 是一个用于存放应用程序资源的目录，可以存放一些静态文件如图片、音频、视频以及html等文件。 首先，我们需要在布局文件中添加一个 WebView 组件，如： ``` <WebView android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 接下来，在 Activity 中找到该 WebView，并通过 loadUrl 方法来加载本地的 html 文件。如： ``` WebView webView = (WebView) findViewById(R.id.webview); webView.getSettings().setJavaScriptEnabled(true); // 允许使用JavaScript脚本 webView.loadUrl("file:///android_asset/your_html_file.html"); ``` 这里使用 loadUrl 方法加载本地的 html 文件，路径以 `file:///android_asset/` 开头，后面跟上 html 文件的相对路径。你需要将 "your_html_file.html" 替换为你实际的 html 文件名。 在加载本地的 html 文件之前，我们还可以对 WebView 进行一些相关的设置，如开启 JavaScript 支持等。上述代码中，`setJavaScriptEnabled(true)` 方法用于开启 JavaScript 支持。 这样，当你的应用程序运行时，WebView 就会加载并显示本地的 html 内容了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值