您现在的位置: 首页 > 网站导航收录 > 百科知识百科知识

app中的webview是什么？如何理解？

浏览器,页面,网页app中的webview是什么？如何理解？

发布时间：2020-12-06加入收藏来源：互联网点击：

app中的webview是什么？如何理解？

回答于 2019-09-11 08:43:50

回答于 2019-09-11 08:43:50

当你上网阅读东西时，我们一般会选择一款浏览器，比如Chrome、火狐、safari、IE或者Edge。你可能不知道这些浏览器之间有一些竞争，而竞争的主要形式就是WebView。

WebView的定义

什么是WebView呢？它是本地应用程序内嵌的一个浏览器！这句话有两处需要搞清楚！

本地应用程序一般会采用诸如C++、Java、OC等语言配合它们各自的UI框架去开发，一般情况下，是不能跨平台的，比如ios和android就需要同时开发两个版本，pc和手机本地应用程序也是不兼容的。


浏览器的特点，其实它大概可以分为两部分

上面是火狐的一个页面，红色区域可以认为是WebView，它拥有渲染引擎，可以通过http/https请求加载内容，加载回来的代码就可以被执行和渲染出来。红色区域以上的部分就是浏览器本地的UI组件。

移动端app中WebView的特点

我们经常把h5页面内嵌入app中，这种就是混合型的app，除了渲染页面本身的功能外，页面中的js还有能力调用app系统接口的，比如某些弹窗、分享等，这些区别对用户来说都是无感知的。

在普通浏览器中是没有这个能力的，至少浏览器没有开放这些api。




混合型的app一部分是native UI，一部分是H5页面，我们如何判断是前者还是后者？
在安卓中可以通过开启”设置“->”开发者选项“->”显示布局边界“，所有NA部分都会被红色的框选出来。（苹果手机没有这个开关）




WebView中的渲染引擎

ios中，渲染引擎是webkit，和safari、chrome相同


Android中，渲染引擎是Blink

在Window、Linux和macOS中，渲染引擎的选择就比较灵活了，比较知名的有chrome的Blink、IE的Trident，它主要依赖于app和WebView的实现

WebView带来的好处

因为它是从服务端加载页面资源，所以更新就比较方便，如果采用native UI那就要经历繁琐的审核过程。

夸平台，不用各个平台都开发一套代码

总结

可以认为WebView就是浏览器，只是在不同平台长相和能力有所不同！




喜欢我的回答就关注我吧，有问题可以发表评论，我们一起学习，共同成长！

回答于 2019-09-11 08:43:50

WebView(网络视图)能加载显示网页，可以将其视为一个浏览器。

在Android手机中，网页的解析和显示网页的能力是由webkit内核实现的。

（如chrome浏览器使用的是webkit内核，现在，webkit被内置到了android系统中）

webview对网页处理也是交给强大的webkit做的

webview在android SDK（原生）中：

封装为一个叫做WebView组件，通过这个组件可以在app中显示html+css+js，当然也就可以显示一个远程url，比如用它打开百度首页是可以的。

可以理解为：android开发中的一个activity里使用了webview组件，并打开了一个html页面呈现给用户。

其中“activity”是android原生开发时的“一张页面”，app的所谓跳转到不同“页”是在activity中跳来跳去，activity是java的一个类，布局则是使用xml（如果没做过原生android开发就这么理解就行）

webview在mui app框架开发中：

在mui开发中，这些webview就是一张一张的网页。

这些网页是webview对象，其操作方法被封装在html5+的plus.webview对象中

webview本身只是个浏览器效果组件，切换即使网页之间的跳转，理论上不可能像原生的activity中切换一样流畅，本身也不会有什么动画。

还好，mui的开发组，dcloud（数字天堂）和他们的html5+中国产业联盟（社区）实现了webview切换的动画效果，他们把这些webview映射到了真正的java webview，调用的也是原生的activity切换动画，从而使得webview切换也可以像原生app activity一样切换的效果！图一（简约图）原生开发和mui的hybrid模式区别图：（图二）希望帮助到你！[玫瑰]