Android WebView：这是一份 详细 & 易懂的WebView学习攻略（含与JS交互(1)

最新推荐文章于 2024-05-14 08:50:37 发布
最新推荐文章于 2024-05-14 08:50:37 发布
阅读量811 收藏 14
点赞数 23
分类专栏： 程序员 文章标签： android 学习 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_83739434/article/details/136998589
版权

a. Android 4.4前：Android Webview在低版本 & 高版本采用了不同的webkit版本的内核 b. Android 4.4后：直接使用了Chrome内核

2. 作用

  • 在 Android 客户端上加载h5页面
  • 在本地 与 h5页面实现交互 & 调用
  • 其他：对 url 请求、页面加载、渲染、对话框 进行额外处理。

3. 具体使用

  • Webview的使用主要包括：Webview类 及其 工具类（WebSettings类、WebViewClient类、WebChromeClient类）

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

4. WebView与 JS 的交互方式

  • 在Android WebView的使用中，与前端h5页面交互的需求十分常见
  • Android 与 JS 通过WebView互相调用方法，实际上是：Android 去调用JS的代码 + JS去调用Android的代码

二者沟通的桥梁是WebView

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

5. 使用漏洞

  • WebView 使用过程中存在许多漏洞，容易造成用户数据泄露等等危险，而很多人往往会忽视这个问题
  • WebView中，主要漏洞有3类：任意代码执行漏洞、密码明文存储漏洞、域控制不严格漏洞
  • 漏洞具体介绍 & 修复方式请看文章： Android：你不知道的 WebView 使用漏洞

6. 缓存机制构建

  • Android WebView由于前端h5本身的原因，存在加载效率慢 & 流量耗费的性能问题，具体介绍如下：

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
img
img
img
img

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）
img

最后

愿你有一天，真爱自己，善待自己。

本文在开源项目：Android开发不会这些？如何面试拿高薪 中已收录，里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…

.csdn.net/topics/618156601) 中已收录，里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…

2401_83739434
关注
  • 23
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android与WebView（网页）的使用以及交互
Android_小黑
03-20 1102
首先，Android上的WebView控件可以实现显示两种类型的网页，第一种是网络网页（比如百度、各大网站等…），第二种是链接本地的网页（HTML文件）。本篇文章主要讲Android的WebView控件怎么链接上这两种网页，以及Android与本地网页的交互！ 效果图先行，这里演示了本地HTML 和 网络网页的一些交互 首先，让网页或者HTML文件显示在你的APP上 在你的XML布局页面添加...
Android之Webview交互
lizhichao628的专栏
09-07 2626
这里写目录标题一级目录二级目录三级目录 一级目录 二级目录 三级目录
Android中使用WebView与JS交互全解析
Android 开发架构
10-26 1650
而这个登录界面是我们native维护的。当你在图1的界面，点击第一个按钮时，会打开图2的对话框，点击第二个按钮时，会打开图3的对话框，同时在这里点击确定，会跳转到另一个页面，当点击第三个按钮时，会打开图4对话框，并且可以输入内容。大家可以想象一下针对于同一个活动，如果使用纯native的开发方式，Android和iOS两边都要维护同一套界面甚至是逻辑，这样开发和维护的成本会很大，而使用hybrid的开发方式的话，让前端的同学去写一套界面和逻辑，对于native端来说只要使用对应的。
2024年Android最新android webview与js交互(动态添加js)(2)，2024年最新6年菜鸟开发面试字节跳动安卓研发岗
最新发布
2401_84562576的博客
05-14 393
PS：之前因为秋招收集的二十套一二线互联网公司Android面试真题 （含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。这里，笔者分享一份从架构哲学的层面来剖析的视频及资料分享给大家梳理了多年的架构经验，筹备近6个月最新录制的，相信这份视频能给你带来不一样的启发、收获。myObj.fun1FromAndroid(“我的myObj回调”);
【Android】Android WebView与网页数据交互
xiaokangss的博客
07-06 1717
JS 调用 Android，用到了JNI，大概含义是将注册监听的方法，通过一些类转成Javascript语句，由WebView加载进来。整体代码比较简单，注意其中的对应关系MainActivity loadUrl 可以是项目中asset文件夹下的文件，也可以是一个http地址。 JSBridge 中的注解必须要加，是靠注解识别本地监听方法。 HTML 其中在原生方法中已经有定义。由于JS很灵活，使用JS动态注入的思想，可以让安卓调用到JS方法。就像在浏览器的控制台，你写好js，它也可以改变或者调用网页上的东
Android开发之——Android和WebView相互调用
我的博客
06-29 2082
一 概述 当游戏页面使用html书写，并用WebView加载与android应用进行信息交互时 进入游戏时，把用户信息传递到webview(js调用android) 游戏结束后，将游戏的结果传递给andriod处理(android调用js) 二 html页面 2.1 index.html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>
这是一份全面&详细的Webview使用攻略
04-17
Android WebView 使用攻略 Android 中的 WebView 是一个基于 webkit 引擎、展现 web 页面的控件，广泛应用于 Hybrid App 的开发中。下面是关于 WebView 的详细使用攻略。 1. 简介 WebView 是 Android 中的一个...
Android中WebView与Js交互的实现方法
01-05
调用WebView对象的addJavascriptInterface(obj, interfaceName)方法，添加js接口，参数：Object对象，String接口名称（这个对象在js中的别名） 定义一个内部类MyJavascript 定义一个方法showToast
Android webview与js的数据交互
08-30
有了WebView这个组件，Android应用开发技术也就转嫁到html与java数据交互上来。说白了就是js与WebView的数据交互，这就是本文所要讨论的
Android中webview与JS交互、互调方法实例详解
01-21
Android中webview与JS交互、互调方法实例详解 前言： 对于试水的功能，一般公司都会采用H5的方式来开发，可以用很少的资源与很短的项目工期来完成。 但许多情况下，H5页面会需要一些原生持有的一些如用户信息之类的...
Android WebView与JS交互全面详解(小结)
01-04
Android 和 H5 都是移动开发应用的非常广泛。市面上很多App都是使用Android开发的，但使用Android来开发一些比较复杂附属类，提示性的页面是得不偿失的。...Android与JS通过WebView互相调用方法，实际上是： Androi
最全面总结 Android WebView与 JS 的交互方式
Android_xiong_st的博客
03-29 404
https://www.jianshu.com/p/345f4d8a5cfa
Android中WebView使用详解及注意事项
2401_84545669的博客
04-29 451
注意： 每个 Application 只调用一次 WebSettings.setAppCachePath()，WebSettings.setAppCacheMaxSize()作用：处理各种通知 & 请求事件常见方法：常见方法1：shouldOverrideUrlLoading()//步骤1. 定义Webview组件Webview webview = (WebView) findViewById(R.id.webView1);//步骤2. 选择加载方式//方式1. 加载一个网页：webView.loadUrl
Android开发入门——SharedPreferences的使用
2401_84123077的博客
04-27 925
//_** 姓名* 默认值：false*/2.创建SharedPreferences的帮助类这个类主要作为各个SharedPreferences的生产工厂使用，并进一步提供简化的提交，获取值的方法。//用户相关的SP/**用户相关Sp相关的key见{@link SpKeyUser}*//**用户相关Sp相关的key见{@link SpKeyDefault}*///sharedPreferences 是否为空/***//**具有默认值。
webView 与 Android交互详解
xiexiangyu92的博客
07-31 583
一： webView相关知识： 1 WebView是一个基于webkit引擎、展现web页面的控件。 2 常用类及方法：   WebSettings类,对WebView进行配置和管理 webView.onResume() ； webView.onPause()； Webview.goBack() Webview.goForward() We
Android使用WebView与Native交互的三种方式 ( 附源码 )
XJ200012的博客
06-14 1714
此文章记录了JS与原生交互的几种方式，以及使用方法。 附上了源代码。 最后再总结了在使用WebView时遇到的错误和解决经历
Android中使用webview和web页面的一些交互
banking17173的专栏
07-30 1793
一般来说，比较成熟的公司，android的native开发和webview中内嵌的web页面开发是分离的。Android可以使用webview来呈现web端的页面效果，在app设计的时候，适当情况下使用webView是一种轻耦合的页面展现。              1.webView和javascript的交互：              （1）web执行native代码，示例：
Android中的观察者DataSetObservable和DataSetObserver
2401_84520182的博客
04-27 947
找到一套好的视频资料，紧跟大牛梳理好的知识框架进行学习。多练。（视频优势是互动感强，容易集中注意力）你不需要是天才，也不需要具备强悍的天赋，只要做到这两点，短期内成功的概率是非常高的。对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。以上就是总结的关于在面试的一些总结，希望对大家能有些帮助，除了这些面试中需要注意的问题，当然最重要的就是刷题了，这里放上我之前整理的一份超全的面试专题PDF还有。
Android Framework底层原理（附知识脑图+源码学习手册）30天突破技术壁垒_android framework学习手册(1)
2401_84544434的博客
04-28 858
！最后放上一个大概的Android学习方向及思路（详细的内容太多了~），提供给大家：对于程序员来说，要学习的知识内容、技术有太多太多，这里就先放上一部分，其他的内容有机会在后面的文章向大家呈现出来，不过我自己所有的学习资料都整理成了一个文档，一直在不断学习，希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！为什么某些人会一直比你优秀，是因为他本身就很优秀还一直在持续努力变得更优秀，而你是不是还在满足于现状内心在窃喜！Android架构师之路很漫长，一起共勉吧！
android webview与js 交互
05-15
Android WebView 是一个能够在 Android 应用程序中嵌入网页的组件，它可以开发出能够与 Web 页面进行交互的应用。其中与 Web 页面进行交互的一种方法是与 JavaScript 进行交互。下面简要解释一下 Android WebView 与 JS 交互的方式。 1. 加载本地 HTML 文件 在 Android WebView 中加载本地 HTML 文件时，需要使用 loadUrl() 方法加载。HTML 文件中的 JavaScript 可以通过 WebView 提供的 addJavascriptInterface() 方法注册为 Java 中的一个对象，然后在 Java 中调用该对象的方法，即可实现 JS 与 Java 的交互。 2. 加载远程 Web 页面 在 Android WebView 中加载远程 Web 页面时，需要添加 WebViewClient 和 WebChromeClient，分别是用来管理 WebView 的网络请求和处理页面上的 JavaScript 弹窗等请求。 在远程 Web 页面上，JS 代码可以通过 WebView 提供的 addJavascriptInterface() 方法注册为 Java 中的一个对象，然后在 Java 中调用该对象的方法，即可实现 JS 与 Java 的交互。 同时，在 Android 中处理 JS 的事件需要通过 JavaScriptInterface 向 WebView 注册一个映射对象，来实现 JS、Java 相互调用的机制，静态 HTML 文件是通过 WebView 中的 evaluateJavascript() 方法来调用 JS，来实现双向通信和数据交互。 总结来说，Android WebView 与 JS 交互的方式主要是通过 WebView 提供的 addJavascriptInterface() 方法注册为 Java 中的一个对象，然后在 Java 中调用该对象的方法，来实现 JS 和 Java 的交互。同时，JS 也可以通过 WebView 的 evaluateJavascript() 方法来调用 Java 中的方法，实现双向通信和数据交互。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值