Android通过WebView调用 JS 代码

最新推荐文章于 2024-04-11 01:08:22 发布
最新推荐文章于 2024-04-11 01:08:22 发布
阅读量202 收藏
点赞数 1
分类专栏： Android webview JS JS与Native JS与Native交互 文章标签： Android Webview JS与Native交互 JS
Android 同时被 3 个专栏收录
70 篇文章 1 订阅
订阅专栏
webview
7 篇文章 0 订阅
订阅专栏
JS
4 篇文章 0 订阅
订阅专栏

Android通过WebView调用 JS 代码

1

a.　　webView.loadUrl("javascript:callJS()");

b.　　setWebChromeClient响应弹窗

1.布局

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context=".MainActivity">

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        tools:layout_editor_absoluteX="136dp"

        tools:layout_editor_absoluteY="0dp"

        android:orientation="vertical"

        tools:ignore="MissingConstraints">

        <WebView

            android:id="@+id/webview"

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:layout_weight="1">

        </WebView>

        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:orientation="horizontal"

            android:layout_weight="3">

            <Button

                android:id="@+id/btnLeft"

                android:layout_weight="1"

                android:layout_width="match_parent"

                android:layout_height="match_parent"

                android:text="左边" />

            <EditText

                android:layout_width="match_parent"

                android:layout_height="match_parent"

                android:layout_weight="1"

                android:gravity="center"

                android:text="0"/>

            <Button

                android:id="@+id/btnRight"

                android:layout_weight="1"

                android:layout_width="match_parent"

                android:layout_height="match_parent"

                android:text="右边" />

        </LinearLayout>

    </LinearLayout>

</android.support.constraint.ConstraintLayout>

　　

2.index.html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<!DOCTYPE html>

<html>

 

<head>

    <meta charset="utf-8">

    <title>Carson_Ho</title>

    // JS代码

    <script>

    // Android需要调用的方法

    function callJS(){

        document.getElementById("test").innerHTML = "android button 点击左边 实现'webView.loadUrl('javascript:callJS()');'就可以响应";

        alert("Android调用了JS的callJS方法 实现‘webView.setWebChromeClient’才有响应");

    }

</script>

 

</head>

<body>

    <div id="test"> 0000000000 </div>

</body>

</html>

3.java

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

public class MainActivity extends Activity {

    WebView webView;

    Button buttonLeft, buttonRight;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

 

        webView = findViewById(R.id.webview);

        buttonLeft = findViewById(R.id.btnLeft);

        buttonRight = findViewById(R.id.btnRight);

 

        WebSettings webSettings = webView.getSettings();

        //允许使用JS

        webSettings.setJavaScriptEnabled(true);

        // 设置允许JS弹窗

        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

 

        webView.loadUrl("file:///android_asset/index.html");

 

        buttonLeft.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                webView.post(new Runnable() {

                    @Override

                    public void run() {

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

                    }

                });

            }

        });

 

        webView.setWebChromeClient(new WebChromeClient() {

 

            @Override

            public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {

                AlertDialog.Builder b = new AlertDialog.Builder(MainActivity.this);

                b.setTitle("alert1");

                b.setMessage(message);

                b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {

                    @Override

                    public void onClick(DialogInterface dialogInterface, int i) {

                        result.confirm();

                    }

                });

                b.setCancelable(false);

                b.create().show();

                return true;

            }

        });

    }

}

 

转自：https://www.cnblogs.com/liuyj-vv/p/9583831.html

 

凌波微步1
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android之Webview使用Java代码和JS相互调用
I_do_can的博客
02-23 3006
本文主要记录一些零碎的东西 最近由于项目的需要，需要使用Java代码和JS相互调用，特此记录一点入门的东西，仅仅是入门而已 github: https://github.com/CL-window/java_webview_js.git 话不多说，肯定是分为两块的 1.java 调用 js: /** * method here will not load htm
Android中 webView调用JS出错的解决办法
01-05
 webView调用JS出错。 代码如下:  class TestJS {  ……  public TestJS(){  }    public void save(String data){   webView.loadUrl(“[removed] alert(” + data +”)”);  }  ……  } ...
Android中使用WebView加载本地html并支持运行JS代码和支持缩放
BADAO_LIUMANG_QIZHI的博客
07-10 5660
场景 Openlayers中使用Image的rotation实现车辆定位导航带转角(判断车辆图片旋转角度)： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118635362 在上面实现html中显示车载导航效果如下 现在要将其封装进APP中，打包成车载导航的APP。 注： 博客：https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程.
Android端使用WebView注入一段js代码实现js调用android
u011404611的专栏
01-09 1万+
需求:为网页上个链接增加点击事件，但是这个链接无法增加js代码 url:http://public.rongcloud.cn/view/D4F444BE2D94D760329F3CF38B4AE35C 网页截图： 需要给“投融资讯“四个字设置点击事件 但是观察源码   class="wrap content">   class="
Android WebView：这是一份 详细 & 易懂的WebView学习攻略（含与JS交互、缓存构建等
最新发布
2401_84160310的博客
04-11 384
一个基于webkit引擎、展现web页面的控件a.在低版本 & 高版本采用了不同的webkit版本的内核 b.后：直接使用了Chrome内核。
WebView 无法执行js代码
皖江的博客
10-08 6514
WebView 无法执行js代码
Android使用WebView调用H5完成摄像头扫描二维码
11-04
以上就是利用WebView调用H5页面完成摄像头扫描二维码的基本流程。这个功能使得开发者能够轻松地在Android应用中实现二维码扫描，而无需依赖第三方库或者原生开发。同时，由于H5页面的灵活性，更新和维护也变得更加...
android使用webView实现java程序与js脚本的相互调用
07-31
为了防止恶意JavaScript代码对Android应用造成危害，从API 17开始，`addJavascriptInterface()`默认禁用了反射调用。因此，我们需要使用`@JavascriptInterface`注解标记所有暴露给JavaScript的方法。此外，对于敏感...
Android使用webview进行android与js互相调用（带源码）
01-03
二.js调用android代码 1.需要写一个java对js方法的映射 public class AndroidToJS { // 定义JS需要调用的方法 // 被JS调用的方法必须加入@JavascriptInterface注解 @JavascriptInterface public void ...
Android WebView使用详解
小旭的专栏
01-05 1万+
一、简单使用 //如果页面中使用了JavaScript，不加改代码页面不显示。 webView.getSettings().setJavaScriptEnabled(true); //加载页面时如果不加改代码，页面会跳转到系统自带浏览器显示。 webView.setWebViewClient(new WebViewClient(){ public boolean shouldOverr...
Android：WebView与Javascript交互（相互调用参数、传值）
热门推荐
rorntuck7的专栏
12-05 2万+
Android中可以使用WebView加载网页，同时Android端的Java代码可以与网页上的JavaScript代码之间相互调用。 Activity代码：  //在js中调用本地java方法   webView.addJavascriptInterface(new JsInterface(this), "AndroidWebView");   //添加客户端支持   webView.
Android开发-Android原生与WebView的js交互的实现
_彼岸雨敲窗_的博客
03-22 1810
一般在Android应用的开发过程中，一些核心的业务功能开发往往需要Android原生的开发，一些需要改动比较频繁的功能且不是核心的业务功能往往只需要在Android应用调用一个网页就行了。在Android开发过程中有一个专门用嵌入网页的控件WebView布局，WebView控件是基于Google Chrome浏览器的内核，只需在逻辑代码里传入网址的url就可以在应用里打开一个网页，但是只是单纯的...
Android开发-WebView中实现Android调用JS JS调用Android 【三】
Mango先生的博客
06-11 1609
老早之前就想总结下Webview相关的知识点了，因为互联网大潮中，很多APP都会使用到Webview，像那些不计其数的电商APP，无一例外的使用Webview；或者一些非电商APP中的像广告页面，注册协议页面都会用到；最后因为一些事情拖到现在才做，感觉事情真不能拖，越往后推越做不了，罪过罪过。 怎么总结Webview呢 1.简单介绍 2.WebView/WebViewClient/WebCh...
js调用android代码怎么写,Android端使用WebView注入一段js代码实现js调用android
weixin_33331978的博客
05-26 201
需求:为网页上个链接增加点击事件，但是这个链接无法增加js代码url:http://public.rongcloud.cn/view/D4F444BE2D94D760329F3CF38B4AE35C网页截图：需要给“投融资讯“四个字设置点击事件但是观察源码发货房间很干净或2017-01-08投融资讯/>>阅读原文并没有具体的onclick事件，怎么办呢？1、首先在Chrome上写了端测...
javascript 中关于call方法的详解。
weixin_33863087的博客
11-09 276
关于javascript中的call方法，网上查了一些资料总是不得详解。总结网上的观点，call有两个妙用： 1:继承。(不太喜欢这种继承方式。) 2:修改函数运行时的this指针。 js中关于call的解释如下： ...
webview中Android和Js通讯互调并传参数
jiangtea的博客
10-27 8058
Js调用安卓方法 1、初始化WebView WebSettings settings = mWebview.getSettings(); settings.setJavaScriptEnabled(true);//打开js和安卓通信 mWebview.setWebViewClient(new WebViewClient() { @...
android studio webview js交互,Android Studio第三十七期 - webview与js交互
weixin_39849930的博客
05-26 330
代码已经整理好，效果如下如图：地址：http://down.51cto.com/data/2048012//#include//intmain()//{//inta=1,n=1,s=1,sum=0;//while(n<=10)//{//while(a<=n)//{//s=s*a;//a++;//}//n++;/...NeHe...
android webView调用js
07-17
在 Android 中，你可以使用 WebView...通过这些方法，你可以在 Android 中调用 JavaScript 函数并实现双向通信。请确保在调用 JavaScript 之前，WebView 已经加载了你需要交互的网页，并且已经启用了 JavaScript 支持。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值