开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

从android webview触发JavascriptInterface

从Android WebView触发JavascriptInterface是指在Android应用中使用WebView组件加载网页，并通过Javascript与Android原生代码进行交互的一种方式。

具体来说，Android WebView是一个用于在Android应用中展示网页内容的组件，它可以加载网页并显示在应用的界面上。而JavascriptInterface是一个Android提供的机制，允许在WebView中的网页中调用Android原生代码的方法。

通过JavascriptInterface，我们可以在网页中的JavaScript代码中调用Android原生代码的方法，实现网页与Android应用之间的双向通信。这样，我们可以在网页中调用Android原生代码来执行一些特定的功能，比如获取设备信息、调用摄像头、发送网络请求等。

使用JavascriptInterface的步骤如下：

在Android原生代码中创建一个Java类，并在该类中定义需要被网页调用的方法。
在该类上使用@JavascriptInterface注解标记需要被网页调用的方法。
在WebView中启用JavaScript，并通过addJavascriptInterface方法将Java类的实例对象绑定到WebView中。
在网页的JavaScript代码中通过调用window.JavaScriptInterfaceName.methodName()来触发Android原生代码的方法。

使用JavascriptInterface可以实现一些特定的功能，比如与网页进行数据交互、调用设备功能、实现网页与原生应用的混合开发等。

腾讯云相关产品和产品介绍链接地址：

腾讯云移动推送：https://cloud.tencent.com/product/tpns
腾讯云移动直播：https://cloud.tencent.com/product/mlvb
腾讯云云函数（Serverless）：https://cloud.tencent.com/product/scf
腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb-for-mysql
腾讯云对象存储 COS：https://cloud.tencent.com/product/cos
腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
腾讯云人工智能：https://cloud.tencent.com/product/ai

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Android混合开发教程之WebView的使用方法总结

混合开发相关博客： Android混合开发之WebView使用总结 Android混合开发之WebView与Javascript交互使用场景： 1.）添加权限 <uses-permission android...(), "xueleapp"); JavaScriptInterface 接口定义 public class JavaScriptInterface { @android.webkit.JavascriptInterface...() //触发创建一个新的窗口　　onJsAlert //触发弹出一个对话框　　onJsPrompt //触发弹出一个提示　　onJsConfirm//触发弹出确认提示　　onProgressChanged...LOAD_CACHE_NORMAL: API level 17中已经废弃, 从API level 11开始作用同LOAD_DEFAULT模式 LOAD_NO_CACHE: 不使用缓存，只从网络获取数据....4.2以下版本存在一定的安全隐患，在Android 4.2以上也需要加@JavascriptInterface注解，否则无法调用。

1.3K2 0

android--WebView使用addJavascriptInterface在sdk 17的问题

当调用WebView 的addJavascriptInterface时，使用android:targetSdkVersion="10"时是没有问题的，能够触发事件，但是毕竟使用版本时一般都使用最新的，...我在开发时为了追求新，然后使用了android:targetSdkVersion="17"的属性，开始使用时并没有什么问题，大多数手机是可以使用的，比如中兴的N986,小米的MIMU4.1的系统是没有问题的...，系统为2.3的几个机型也没看出问题，后来三星Note3上出问题啦，调用不了这个事件，我也纠结了半天，后来在网上查找原因，是去年android的漏洞所致，所以修改方法有两个： 1，修改android:...查找官方文件：说在17以上需要添加一个接口JavascriptInterface才能用，后来仔细看了官方的Demo才找到，就是蓝色加粗部分。...For example: class JsObject { @JavascriptInterface public String toString() { return "injectedObject

8542 0

JSBridge小科普

jsBridge_native Schema.png 1.2 通过代码注入（针对webView组件）以Android为例，可以通过addJavascriptInterface方法将Native的一个对象注入到页面中...*/ webView.addJavascriptInterface(new JSInterface(), "android"); private final class JSInterface...('toast'); Native会向webView全局作用域注入一个android的全局对象，该对象上有showToast的方法。...，所以为了避免不必要的事件触发，一般我们不会选择在客户端劫持它们）。...Android 4.4 以前，通过 loadUrl 方法，执行一段 JS 代码来实现（缺点是效率低，无法获得返回结果，且调用的时候会刷新 WebView）： /** * js中声明全局函数 */ <

2.8K3 0

Android WebView的使用方法及与JS 相互调用

Android WebView的使用方法及与JS 相互调用 1、添加网络权限 <uses-permission android:name="android.permission.INTERNET" /...} } //获取Web页中的title用来设置自己界面中的title //当加载出错的时候，比如无网络，这时onReceiveTitle中获取的标题为找不到该网页, //因此建议当触发...= webView; } //给html提供的方法，js中可以通过：var str = window.jsObj.HtmlcallJava(); 获取到 @JavascriptInterface...String HtmlcallJava2(final String result) { return "Html call Java : " + result; } //Html给我们提供的函数 @JavascriptInterface...Toast.makeText(mActivity, "clickBtn", Toast.LENGTH_SHORT).show(); } }); } //Html给我们提供的有参函数 @JavascriptInterface

2.5K3 1

Android 和 Webview 如何相互 sayHello(一)

本篇为第一篇：Android 和 webview 的交互后续一篇是：IOS 和 webview 的交互如需获得最新的内容，可以关注微信公众号：前端小吉米在移动时代 Web 的开发方式逐渐从 PC...这里，将从一个 Web 开发者的角度触发，仔细探寻一下 Webview 开发下，Web 开发者将遇见哪些问题，了解和客户端交互的底层原理。...的性能优化 Anriod 开发 Webview 基础 Webview 在 Android 里面其实就是一个组件而已，它可以像其他的 Android 组件一样在 screen 中定位布局。...调用 android 设置的 JavascriptInterface (4.2 以上才能使用) 通过 WebViewClient.shouldOverrideUrlLoading() 事件拦截对应的调用...js => android 的方法比较多，其中比较常用的有：WebChromeClient.onJsPrompt、WebViewClient.shouldOverrideUrlLoading、JavascriptInterface

1.8K3 0

Android WebView与JS交互实例

正文一切基于项目WebViewStudy来说明，都是最小单元案例，可作为参考研究，本文从几个方面来讲解： 1、Java调用WebView里的js代码(传递参数) 2、WebView里的js代码调用Java...本地方法(传递参数) 3、外部注入js代码 4、WebView长按事件相关JS代码： js调用android原生代码 <a onClick="window.injectedObject.startFunction('我是网页传出来的数据...// 传递参数调用 <em>webView</em>.loadUrl("javascript:javacalljswithargs('" + "android传入到网页里的数据，有参" + "')"); 2、如果是显示后就调用...("javascript:javacalljswithargs('" + "android传入到网页里的数据，有参" + "')"); super.onPageFinished(view

4K2 0

webview和js交互

今天主要总结两点：一是使用Js去调用客户端公有方法，二是从客户端调用Js中的方法一、JS调用客户端公有方法上例子：（PS：不会写JS，就网上找了一段js代码）新建项目，在项目的assets....app.ActionBarActivity; import android.os.Bundle; import android.webkit.JavascriptInterface; import...所以要在show()方法前加：@JavascriptInterface 具体查看： Webview addJavascriptInterface()（http://developer.android.com....app.ActionBarActivity; import android.os.Bundle; import android.view.View; import android.webkit.JavascriptInterface...; import android.webkit.WebView; import android.widget.Button; import android.widget.Toast; public

4.2K5 0

Android中Java和JavaScript交互

Android中Java和JavaScript交互 Android提供了一个很强大的WebView控件用来处理Web网页，而在网页中，JavaScript又是一个很举足轻重的脚本。...; import android.webkit.JavascriptInterface; import android.webkit.WebChromeClient; import android.webkit.WebSettings...; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.Toast; public...Android文档这样说的 Caution: If you’ve set your targetSdkVersion to 17 or higher, you must add the @JavascriptInterface...(WebView.java:2063) E/StrictMode( 1546): at android.webkit.WebView.loadUrl(WebView.java:794) E/StrictMode

1.5K6 0

前端工程师所需要了解的WebView

通过以上的分析，可以清楚地知晓 JSBridge 主要的功能和职责，接下来，就分析一下在 Android WebView 和 iOS WebView 中实现 Native 与 JS 通信的原理。...Android WebView Android 4.4前：Android WebView在低版本 & 高版本采用了不同的Webkit版本的内核（正因为如此，H5的很多新特性，在Android版本小于4.4...在 Android WebView，要实现 JS 调用 Java，有 3 种方法： JavascriptInterface WebViewClient.shouldOverrideUrlLoading(...) WebChromeClient.onXXX() 1、JavascriptInterface 这是 Android 提供的 JS 与 Native 通信的官方解决方案。...的 JavaScriptInterface 中。

1.6K1 0

WebView与Js交互

添加js接口，参数：Object对象，String接口名称（这个对象在js中的别名）定义一个内部类MyJavascript 定义一个方法showToast()，显示吐司，api版本大于17需要加注解@JavascriptInterface...; import android.webkit.JavascriptInterface; import android.webkit.WebSettings; import android.webkit.WebView...(new MyJavascript(), "Android"); webview.loadUrl("javascript:documentWrite('测试')");...的功能接口 public class MyJavascript{ //显示吐司 // 如果target 大于等于API 17，则需要加上如下注解 @JavascriptInterface...Toast.makeText(MainActivity.this, text, 1).show(); } //显示loading @JavascriptInterface

5.7K3 0

JSBridge深度剖析

设置@JavascriptInterface注解，这里有个漏洞，后面会给大家说明。...以上(api17后),暴露的api要加上注解@JavascriptInterface，否则会找不到方法。...Native通知api被调用上一步，我们已经成功在H5页面中触发scheme,那么Native如何捕获scheme被触发呢？根据系统不同,Android和iOS分别有自己的处理方式。...Android 在Android中(WebViewClient里),通过shouldoverrideurlloading可以捕获到url scheme的触发。...这样,我们可以在webview中捕获url scheme的触发(原理是利用 shouldStartLoadWithRequest) - (BOOL)webView:(UIWebView *)webView

3.7K6 0

【Android进阶】Android js 与 Android 互调方法

> 2.创建一个JavaScriptInterface 接口类 package com.ruidde.csndresourcedemo; import android.content.Context...; import android.webkit.JavascriptInterface; import android.widget.Toast; /** * Created by Administrator...; import android.webkit.WebChromeClient; import android.webkit.WebSettings; import android.webkit.WebView...来调用Android中方法 myWebView.addJavascriptInterface(new JavaScriptInterface(this), "Android");...//网址本地自己写的 myWebView.loadUrl("file:///android_asset/webView.html"); //webView网页加载进度

1.8K6 0

【Android从零单排系列十七】《Android视图控件——WebView》

一 WebView基本介绍 WebView是Android平台上的一个控件，用于在应用程序中显示Web页面二 WebView使用方法在布局文件中添加WebView： <WebView android...三 WebView常见属性及方法 WebView是Android平台上一个强大的控件，提供了很多属性和方法来定制和管理Web页面的展示。...下面是一些常见的WebView属性和方法：属性： android:id：设置WebView的唯一标识符。...android:layout_height：设置WebView的高度，可选值同上。 android:layout_gravity：设置WebView在布局中的对齐方式，例如居中对齐。...四简单案例这里提供一个简单的WebView案例，展示如何在Android应用中使用WebView加载一个Web页面：在布局文件中添加WebView： <WebView android:id

3081 0

Android中Java和JavaScript交互

Android提供了一个很强大的WebView控件用来处理Web网页，而在网页中，JavaScript又是一个很举足轻重的脚本。本文将介绍如何实现Java代码和Javascript代码的相互调用。...; import android.webkit.JavascriptInterface; import android.webkit.WebChromeClient; import android.webkit.WebSettings...; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.Toast; public...Android文档这样说的 Caution: If you’ve set your targetSdkVersion to 17 or higher, you must add the @JavascriptInterface...(WebView.java:2063) E/StrictMode( 1546): at android.webkit.WebView.loadUrl(WebView.java:794) E/StrictMode

9152 0

在开发中实现点击 WebView 中的图片，调用原生控件放大展示

设置 WebView 这一步就是将我们写的 html 本地文件放入到 WebView 中。.../文件名.html //mWebView.loadUrl("file:///android_asset/image.html");mWebView.loadUrl("http://www.toutiao.com..."); 关键的代码是： mWebView.addJavascriptInterface(new JavascriptInterface(this), "imagelistner"); 这行代码就是 WebView...@android.webkit.JavascriptInterface public void openImage(String img) { Intent...这样我们就通过 JavascriptInterface 就把 JS 和 WebView 之间实现通信了。

2.4K5 0

前端工程师所需要了解的WebView

Android WebView Android 4.4前：Android WebView在低版本 & 高版本采用了不同的Webkit版本的内核（正因为如此，H5的很多新特性，在Android版本小于4.4...在 Android WebView，要实现 JS 调用 Java，有 3 种方法： JavascriptInterface WebViewClient.shouldOverrideUrlLoading(...) WebChromeClient.onXXX() 1、JavascriptInterface 这是 Android 提供的 JS 与 Native 通信的官方解决方案。...的 JavaScriptInterface 中。...页面可以构造一个特殊格式的 URL Scheme 触发，shouldOverrideUrlLoading 拦截 URL 后判断其格式，然后 Native 就能执行自身的逻辑了。

1.4K1 0

前端工程师所需要了解的WebView

Android WebView Android 4.4前：Android WebView在低版本 & 高版本采用了不同的Webkit版本的内核（正因为如此，H5的很多新特性，在Android版本小于4.4...在 Android WebView，要实现 JS 调用 Java，有 3 种方法： JavascriptInterface WebViewClient.shouldOverrideUrlLoading(...) WebChromeClient.onXXX() 1、JavascriptInterface 这是 Android 提供的 JS 与 Native 通信的官方解决方案。...的 JavaScriptInterface 中。...页面可以构造一个特殊格式的 URL Scheme 触发，shouldOverrideUrlLoading 拦截 URL 后判断其格式，然后 Native 就能执行自身的逻辑了。

2.1K3 0

一文彻底搞懂安卓WebView白名单校验

android.os.Bundle;import android.webkit.JavascriptInterface;import android.webkit.WebChromeClient;import....app.AppCompatActivity;import android.os.Bundle;import android.util.Log;import android.webkit.JavascriptInterface...所以需要把获取当前URL的方法改一下，从shouldOverrideUrlLoading的第一个参数webview中获取，利用webview.getUrl方法，该方法不会受js代码的影响，改进版如下：...;import android.util.Log;import android.webkit.JavascriptInterface;import android.webkit.WebChromeClient...将要加载的URL传递给JsObject，从webview中取url，不要从request中取url if (checkDomain(inputUrl,0))

4.7K4 0

Android应用之Hybird混合开发，集成web页面的方法尝试

２.Android应用中，activity布局界面上放置一个webview。...("file:///android_asset/web/index.html"); } 核心调用： webView.loadUrl("file:///android_asset/web/index.html...JS调用Android原生接口的方法： //定义回调接口 private final class JSInterface{ @SuppressLint("JavascriptInterface...).show(); } } 注意@JavascriptInterface这个注解不可少。...因为Adnroid从１７ａｐｉ之后为了安全起见，只有这个注解的方法，才能被js调用。

7193 0

Android WebView

newinfo"; } } news_bottom.html XML <WebView android:id="@+id/webView..." android:layout_width="match_parent" android:layout_height="0dp" android:layout_marginStart...="0dp" android:layout_marginEnd="0dp" android:layout_weight="1" android:background="@color...webView.loadData(data, "text/html", "UTF -8"); 解决方法 webView.getSettings().setDefaultTextEncodingName(...().setAllowFileAccessFromFileURLs(true); webView.loadUrl("file:///android_asset/xieyi.html"); }

7423 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭