混合开发之webView加载html,android 和 html之间进行数据交互

最新推荐文章于 2024-05-15 09:37:41 发布
最新推荐文章于 2024-05-15 09:37:41 发布
阅读量8.8k 收藏 9
点赞数 3
分类专栏： android 文章标签： android html webview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z171422696/article/details/54694191
版权

现在混合开发比较普遍了，其实早就该学学了，只限于自己对html不是很熟，搭的界面太丑了，哈哈…

今天写Demo的需求是这样的
1、在一个界面里，半面html,半面android原生控件。
2、点击html发送html的数据给android ，android原生控件接收并显示。
3、点击原生控件，html接收并显示.

界面是这样的这里写图片描述

半边html 半边android 原生控件，进行数据交互

我的html是自己写的，很丑别介意

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv=
最低0.47元/天 解锁文章
WingsHH
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
开发那点事（七） 原生webview传递header前端H5如何接收
开发那点事
06-24 4125
开发背景 跟其他公司合作的一个项目，传递参数的方式为原生通过自定义header头参数，由前端来接收。 踩坑 1 原生传参 安卓原生传参的方式很简单，通过webview.loadUrl这个方法，如下: Map<String, String> map = new HashMap<String, String>(); map.put("Payment-Token", ...
android webview 网页,Android WebView 获取网页数据（html）
weixin_42134878的博客
05-26 435
1. activity_main.layoutxmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity">android:id="@+id/webView"a...
2024年安卓最全android中自定义WebView显示网页或本地html文件(1)，面试灵魂三问
最新发布
2401_84123213的博客
05-15 372
我一直以来都有整理练习大厂面试题的习惯，有随时跳出舒服圈的准备，也许求职者已经很满意现在的工作，薪酬，觉得习惯而且安逸。不过如果公司突然倒闭，或者部门被裁减，还能找到这样或者更好的工作吗？我建议各位，多刷刷面试题，知道最新的技术，每三个月可以去面试一两家公司，因为你已经有不错的工作了，所以可以带着轻松的心态去面试，同时也可以增加面试的经验。我可以将最近整理的一线互联网公司面试真题+解析分享给大家，大概花了三个月的时间整理2246页，帮助大家学习进步。
WebView与Android原生通信
ln1010的博客
11-12 1800
WebView与Android原生通信
uni-app 之 web-view 与h5 通讯
C_see的专栏
11-29 2899
uniapp中使用webview，h5与vue、nvue通信注意事项
android+Jquery mobile 利用webView接受html传来的数据 解决html放到webView中四周留白的问题
tonghua168c
09-27 643
在可以让jquery mobile的html页面可以在Android中显示之后，想做到可以在后台接收并用log输出前端传来的参数 在查阅了网上的资料，发现webView提供了共java和javaScript互相调用的接口。 首先在控制布局的active_main.xml中加入webView并添加id为webView(在activity中根据id获得该view)
Android app嵌套html５之Webview和js的交互1
08-08
Android App 嵌套 HTML5 之 Webview 和 JS 的交互是一种常见的混合开发方式，通过 webview 加载 HTML5 页面，并使用 JavaScript 实现与 app 的交互。在本文中，我们将详细介绍如何实现 Android App 和 HTML5 之间的...
Android 和 javascript 交互 Android混合开发之WebView与Javascript交互
03-27
Android和javascript的交互是混合开发的核心，通过WebView和JavaScriptInterface，我们可以轻松地在两者之间传递数据和执行复杂操作。理解并熟练掌握这些技术，能够帮助我们构建更加健壮、功能丰富的Android混合应用...
详解android与HTML混合开发总结
09-27
这种混合开发方式允许开发者利用HTML5的灵活性和快速迭代特性，同时结合原生Android的优势，如访问硬件设备和系统级API。本文将探讨Android与HTML5混合开发的关键技术和实践。 首先，HTML5在APP中的应用主要体现在...
Android混合开发教程之WebView的使用方法总结
01-20
WebView不仅能够显示HTML页面，还能与JavaScript进行交互，为混合开发提供了可能。 **2. 使用权限** 在AndroidManifest.xml文件中，需要添加互联网访问权限，以允许WebView加载网络资源： ```xml <uses-permission ...
android 混合开发 webview java 和 h5
03-03
在Android应用开发中，...总结来说，Android混合开发中的WebView组件使得Java和H5能够无缝协作，提供了丰富的功能和便捷的开发体验。通过理解并掌握WebView的相关知识，开发者能够构建出更强大、更灵活的Android应用。
android webview中如何实现html与手机本地数据的交互
Jhone_csdn的专栏
05-13 3542
在webview开发中，往往不止简单的加载一个页面显示那么简单，常常有将手机本地的数据放到html上显示和将html上操作的数据保存到手机本地的情况，那么如何实现这种数据交互呢： 一：webvie部份：final String json="{title1:孔子,title2:孟子,title3:庄子}"; wv_webview.addJavascriptInterface(new
webview 获取html数据和js的传值
杨成勇
04-24 4010
最近做webview，遇到2种需求，一种是在自己服务器上的HTML中获取数据，另一种是通过自己服务器上的HTML中的超链接跳到另一个站点的HTML中，并获取数据。 于是，总结了2种通过webview获取网页上的数据的方式： 第一种：简单点的，直接通过js调java，在调用方法的过程中将数据通过方法的参数传递给Android端，（前提：服务端有对应的faxun对象，而且调用的方法是showIma
uniapp（webview）中获取html传出的值
qq_45487930的博客
03-29 813
写pdf预览的时候用了组件库中的hybrid，有个需求是在pdf预览结束时发送一条请求。在app端不能用，试过好多办法，最终使用uni.webview.js解决。pc端直接在localStorage存条数据获取一下就好了。虽然组件里有这个东西，但根本不知道是干什么用的。html，js里都能用。
Android与Html5之间的数据交互的两种方式
guang_wen的博客
03-07 2741
现在的移动端开发中，越来越多的开发人员在使用混合式开发的模式；加载方便，布局简单，不占用手机内存等等优点使得混合式开发的项目让越来越多的人喜欢，现在我就给大家介绍两种不同的纯Android和H5界面之间的交互方式，由于技术浅薄，很多地方可能存在缺漏，欢迎大家批评指正！ 第一种方式很简单，只要简单的进行加载H5界面就可以，这种加载方式比较适合初学者使用，因为大部分的数据渲染的工作可能会放在h5界面
android向html传值,VUE与Android和IOS原生传值
weixin_35743031的博客
05-27 507
一.Android向Vue传数据1.Android端传数据android5.0之前的可以用下面的方式：webView.loadUrl("javascript:getDataFromNative('" + mParam + "')");android5.0之后的可以用下面的方式：webView.evaluateJavascript("javascript:getDataFromNative('" +...
h5页面与Android原生页面交互
PigWithBadGuy的专栏
12-12 4821
Android页面内嵌套h5页面已经是随处可见了。在Android原生页面和h5页面的取舍上那些不是本文的重点。重点是，如此多的页面用网页来写，那么必定涉及到网页与原生的交互，俗称js交互。目标：h5页面点击按钮Android端接收到网页传给的json数据。实现网页端 网页端添加如下内容<script type="text/javascript"> var hasBridge = fal
h5传值到android,Html5页面怎么传值到Activity原生页面
weixin_42511151的博客
05-27 530
html页面：跳转到Activitydocument.querySelector('#btn').addEventListener('click',function () {var main = plus.android.runtimeMainActivity();var Intent = plus.android.importClass("android.content.Intent");var...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值