3. 访问带JavaScript的WebView

最新推荐文章于 2023-08-18 09:07:08 发布
最新推荐文章于 2023-08-18 09:07:08 发布
阅读量129 收藏
点赞数
分类专栏： 通信和联网 文章标签： 带JavaScript WebView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41121204/article/details/83818577
版权
本文介绍了如何在Android应用中让WebView与JavaScript交互，通过创建JavaScript接口，利用WebView.addJavascriptInterface()方法建立桥梁，实现数据在Java代码和HTML内容间的交换。同时提醒注意启用JavaScript的潜在安全风险，并提供了一个实例展示如何存储和注入表单数据。
摘要由CSDN通过智能技术生成

3.1 问题

应用程序需要访问WebView中当前显示内容的HTML源代码，读取或修改其中的某个值。

3.2 解决方案

（API Level 1）
创建一个JavaScript接口，作为WebView和应用程序代码间的桥梁。

3.3 实现机制

WebView.addJavascriptInterface()会为JavaScript绑定一个Java对象，这样就可以在WebView中调用此Java对象的方法。借助这个接口，就可以使用JavaScript在应用程序代码和WebView的HTML间编组数据了。

警告：
允许Javascript控制应用程序会存在安全威胁——允许远程执行应用程序的代码。请在确实需要使用时再使用本接口。

让我们来实际看一个示例。以下代码清单展示了WebView从本地assets目录中加载一个简单的HTML表单。以下代码清单则是一个使用了两个Javascript函数的Activity，这两个函数用来在Activity首选项与WebView的内容间交换数据。

assets/form.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<form name="input" action="form.html" method="get">
Enter Email: <input type="text" id="emailAddress
最低0.47元/天 解锁文章
Jennyni1122
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Webview与Javascript
weixin_35016347的博客
03-18 1271
0x01 WebView 概述 WebView 是 Android 的一个控件，用于在应用程序中展示 Web 网页 Google 的官方解释为 A View that displays web pages. This class is the basis upon which you can roll your own web browser or simply display some online content within your Activity. It uses the WebKit ren
解决android4.2以下addJavaScriptInterface不安全问题
gubojun的专栏
12-06 3351
问题描述android js和原生互相调用会产生安全问题，WebView addJavaScriptInterface 远程代码执行漏洞概述Android 系统通过WebView.addJavascriptInterface 方法注册可供JavaScript 调用的Java 对象，以用于增强JavaScript 的功能。但是系统并没有对注册Java 类的方法调用的限制。导致攻击者可以利用反射机制调用
android webview addJavascriptInterface 的方法不能调用
热门推荐
xiealan的专栏
12-04 1万+
以前一直觉着用html5做android app是一件很鸡肋的事（勿喷，请恕小的见识少）。 后来又发现很多大公司做的app中都或多或少的使用了html元素，比如微信、qq之类。 最近在网上闲逛发现一个IDE可以使用纯html js css设计app并发布到多个平台，并且更牛的是可以直接使用它提供的js api调用各种系统原生的api。一时心动下载研究。后来发现也并不是想象中多么神奇的事情。
js 引用 java常量_java调用JS 与JS 调java
weixin_27791839的博客
02-17 187
这个 刚开始 我也不会，把我整的是个蛋疼的啊，最后发现其实挺简单的，我现在给大家说的是我自己掌握的一种，1. 先是要给项目配置一些权限(1)、访问网络权限(2)、访问SD卡权限2.给webview 配置webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);webView.getSettings().setBuiltInZoomContr...
Android：如何使用addJavaScriptInterface
weixin_33763244的博客
11-11 436
说明 本文将和大家分享Android中的 addJavaScriptInterface方式。这个类主要能帮助调用你的JavaScript函数中的任意活动方式。其中有如下一些需要注意的地方： addJavaScriptInterface方式帮助我们从一个网页传递值到Android XML视图（反之亦然）。 你可以从网页调用你的活动类方式（反之亦然）。 这是一个非常有用的功能，而当WebV...
WebView addJavaScriptInterface接口中的隐患解决办法
qq_34123326的博客
09-12 1129
if(Build.VERSION.SDK_INT>10&&Build.VERSION.SDK_INT17){ fixWebView(); } private void fixWebView(){ wb.removeJavascriptInterface("searchBoxJavaBridge_"); }
window.chrome.webview.hostObjects.sync.OS.MinFrom()；
xiexuzhao的专栏
08-18 1561
最大化
在 WebView 中如何使用 JavaScript？
Programming Talk
03-12 2300
在 JavaScript 中调用 Java可以通过 WebView 的 addJavascriptInterface() 方法将 Java 对象暴露给 JavaScript，从而在 JavaScript 中调用 Java 方法。总之，在 WebView 中使用 JavaScript 非常简单，只需要启用 JavaScript、加载包含 JavaScript 的网页，然后就可以在 Java 和 JavaScript 之间互相调用了。
Android.webview 与网页js交互
aaaaaaaaaww12的博客
11-09 397
webview配置： webView = findViewById(R.id.webview); //webview设置 webView.getSettings().setJavaScriptEnabled(true);//允许使用js接口 webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);//允许打开窗体 webView.getSett
3.3 访问带JavaScript的WebView
11-23
在"3.3 访问带JavaScript的WebView"这个主题中，我们主要讨论的是如何利用`WebView`与JavaScript进行交互，从而实现对网页内容的访问、读取甚至修改。在实际应用中，这种能力对于构建混合型应用或者增强原生应用的...
unity 3D webview插件
最新发布
12-27
- **权限设置**：在AndroidManifest.xml和Info.plist中可能需要添加网络访问权限，以允许Webview加载网页。 - **兼容性问题**：由于不同设备和系统版本的差异，可能需要针对特定情况进行适配和优化。 - **性能...
Android webview加载网页.zip
04-17
webView.setWebViewClient(new WebViewClient()); ``` 3. **加载网页**：使用`loadUrl()`方法加载指定的网页URL。例如，加载Google首页： ```java webView.loadUrl("http://www.google.com"); ``` 4. **...
13. 使用NFC传输数据
Jennyni1122的博客
11-21 4191
13.1 问题 你有一个应用程序，需要通过最少的设置实现两台Android设备间小数据包的快速传输。 13.2 解决方案 （API Level 16） 使用NFC(Near Field Communication,近场通信)Beam API。NFC通信起初是在Android 2.3 中加入到SDK中的，在Android 4.0 中做了扩展，包括通过一个名为Android Beam的进程实现设备间短...
2. 拦截WebView事件
Jennyni1122的博客
11-06 635
2.1 问题 应用程序使用WebView显示内容，但在用户点击页面中的链接时还需要监听和响应。 2.2 解决方案 （API Level 1） 实现一个WebViewClient并把它关联到WebView上。WebViewClient和WebChromeClient是两个WebKit类，它们可以让应用程序获得WebView的事件回调并且可以自定义WebView的行为。默认情况下，在没有指定WebVi...
12. 查询网络连接状态
Jennyni1122的博客
11-20 598
12.1 问题 应用程序需要监控网络连接状态的变化。 12.2 解决方案 （API Level 1） 通过ConnectivityManager监控设备的网络连接设备。在移动应用程序的设计过程中，需要考虑的一个很重要的问题就是网络并不是随时都是连通的。随着人的移动，网络的速度和容量都在不断地变化。正因为如此，使用网络资源的应用程序需要随时监控这些资源是否可访问，并不能访问时通知用户。 除了连通性，...
14. USB连接
Jennyni1122的博客
11-22 537
14.1 问题 应用程序需要与USB设备进行通信来控制或传输数据。 14.2 解决方案 （API Level 12） 对于拥有USB主机电路的设备，Android以及内置了对它的支持，可以与已经连接的USB设备进行模拟和通信。USBManager是一项系统服务，可以让应用程序访问任何通过USB连接的外部设备，接下来我们将看一下在应用程序中如何使用这个服务来建立连接。 设备上的USB主机电路已经越来...
9. 接收短信
Jennyni1122的博客
11-15 469
9.1 问题 应用程序需要响应接收到的短信，也叫文本信息。 9.2 解决方案 （API Level 1） 注册一个BroadcastReceiver来监听收到的信息，并在onReceive()中处理它们。当收到一个短信时。操作系统会发送一个action值为android.provide.Telephony.SMS_RECEIVED一条短信时，操作系统会发送一个action值为android.pro...
11. 蓝牙通信
Jennyni1122的博客
11-19 443
##11.1 问题 在应用程序中，要通过蓝牙通信实现不同设备之间的数据传输。 ##11.2 解决方案 （API Level 5） 可以使用API Level5中引入的蓝牙API，在射频通信（RFCCOMM）协议接口上创建一个点对点的连接。蓝牙是一种非常流行的无线电技术，几乎现在所有的移动设备都支持该技术。很多用户认为蓝牙只能用来连接移动设备与无线耳机或者与车载音响系统整合。但实际上，对于开发人员来...
Android WebView中Java与JavaScript交互实战
webView.loadUrl("javascript:myJsFunction()"); ``` 在实际应用中，可能还需要设置`WebViewClient`和`WebChromeClient`来处理页面加载事件以及提供与JavaScript的进一步交互。例如，`WebViewClient`可以用于拦截...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值