移动端开发：WebView介绍和使用、JSBridge等_web-view

作者：小丑西瓜9 | 2024-05-13 04:59:22

踩

web-view

Android应用层的开发有几大模块，其中WebView是最重要的模块之一。Android系统的WebView发展历史可谓一波三折，系统WebView开发者肯定费劲心思才换取了今天的局面——应用里的WebView和Chrome表现一致。

webview是什么？

在这里插入图片描述

实战：

通过Android Studio工具新建一个Android工程
利用Android SDK提供的API创建一个WebView
通过webview的loadUrl()来加载一个网址，这里一般是将上传到服务器上的h5的dist包拿下来，然后通过file协议加载，这也是hybrid快的原因。
加载的网址即为通过web开发后部署的站点

优点：

缺点：

适用场景：
hybrid：体验要求高，迭代频繁
h5：单次的运营活动(如抢红包)或不常用功能

利用了客户端的能力，将h5的dist包缓存到客户端本地，然后通过file协议来加载资源。

JS-SDK 例如微信开发平台提供的的JS-SDK，由于JavaScript的能力和权限受限，有一些功能必须用原生的调用，比如扫一扫、录音等功能，因此JS-SDK就充当了一个中间连接的作用，在JS中通过使用JS-SDK来调用一些原生App提供的能力。

在hybrid架构之中，原生App与h5通讯的方式是JSBridge

JS和客户端通讯的基本形式，如下图：
在这里插入图片描述

在这里插入图片描述
优化：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta 1
2
3

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：【wpsshop博客】