[移动端开发]到底什么是WebView?

news/2024/9/23 3:10:26/

移动端开发中的WebView到底是什么?

前言:移动端开发的童鞋应该都听说过一个名词 WebView,那么到底什么是WebView?今天我们来讲一下什么是WebView吧

一、WebView到底是什么

  • WebView,直译是网页视图,是一个基于webkit内核的,用于显示网页的控件,具备渲染Web页面的功能。Android的Webview在低版本和高版本采用了不同的webkit版本内核,4.4后直接使用了Chrome。

  • WebView可以内嵌在移动端,实现前端的混合式开发,大多数混合式开发框架都是基于WebView模式进行二次开发的,比如,uni-app、Hybrid app等

二、这么玩的原因

1. 一次开发,多系统适配,节省人力成本和时间成本。
  
  用h5开发的内容页面,跨平台。你想想,无论你用的安卓还是苹果,你的淘宝app里都是H5页面。 也就是一次开发,多系统适配。是不是节省了人力成本和时间成本?
  
 如果不用混合开发这种方式,就得找安卓工程师开发安卓端的,苹果ios工程师开发苹果的,需要开发两次——是不是很麻烦并且老板多出一倍工资啊……

2. Web更新方式为线上即时更新,不用下载安装补丁包。
  
  你想想,你玩王者或吃鸡吗?这些游戏里的游戏内容无疑都是原生开发的,每次更新你都得先下载安装包吧?当然,打开游戏经常会有一些类似活动公告、说明公告等一些窗口,这些可能也是由WebView嵌入的Web页面。也就是说,原生app里嵌入的Web内容所占比例可大可小,根据需求,对于适合WebView的模块,我们就可以选择用WebView实现它。
 
 而WebView中嵌入的网页更新需要下载包吗?——更新后的内容即时上线,根本不需要。这样对于用户来讲就很舒服啊。

3. H5性能不断提高。
  
  实际上,h5页面的交互、渲染性能肯定是比不上原生的—— 但是,h5技术进步快,加上4g网络的普及化(5g时代马上也来了),性能这一块就逐渐不再成问题了——典型的案例就是电商类app,性能差距基本看不出来,用户还是很舒服滴。

当然,像游戏啥的,牵扯到渲染引擎性能的问题,对于这点,Web渲染引擎还是非常勉强的。 ——因为性能比起安卓原生或ios原生来讲,太差。

三、webview的作用

  • 显示和渲染Web页面
  • 直接使用html文件(网络上或本地assets中)作布局
  • 可和JavaScript交互调用

WebView控件功能强大,除了具有一般View的属性和设置外,还可以对url请求、页面加载、渲染、页面交互进行强大的处理。

如何使用

转自: https://blog.csdn.net/qq_36252044/article/details/77993297

原文地址

https://www.cnblogs.com/JQstronger/p/WebView.html


http://www.ppmy.cn/news/657583.html

相关文章

webview是什么?作用是什么?和浏览器有什么关系?

Webview 是一个基于webkit的引擎,可以解析DOM 元素,展示html页面的控件,它和浏览器展示页面的原理是相同的,所以可以把它当做浏览器看待。(chrome浏览器也是基于webkit引擎开发的,Mozilla浏览器是基于Gecko…

Android的webview有什么用,webview实现有什么用

WebView是android中一个非常重要的控件,它的作用是用来展示一个web页面。它使用的内核是webkit引擎,4.4版本之后,直接使用Chrome作为内置网页浏览器。 作用(推荐学习:Java视频教程) 显示和渲染网页; 可与页面JavaScrip…

红米android system干什么的,Android System Webview是什么东西

这是安卓系统内置webkit内核浏览器的一个组件,组件名称为Webview。 WebView是安卓系统中一款基于webkit引擎、展现web页面的控件。 Android的Webview在低版本和高版本采用了不同的webkit版本内核,在版本更新到4.4后直接使用了Chrome版本。 WebView能够对…

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

app中的webview是什么?如何理解? 当你上网阅读东西时,我们一般会选择一款浏览器,比如Chrome、火狐、safari、IE或者Edge。你可能不知道这些浏览器之间有一些竞争,而竞争的主要形式就是WebView。 WebView的定义 什么…

JS学习笔记——前端的webview是什么东西

1、webview的概念 疑问:webview是什么?作用是什么?和浏览器有什么关系? 先放一段基本定义: A View that displays web pages. This class is the basis upon which you can roll your own web browser or simply di…

webview详解

一、基础知识 1、webview入门知识 1.我们通常是用浏览器来浏览网页,你很清楚的知道你正在使用浏览器,要么是PC客户端,要么是手机上的app。但是webview是一个嵌入式的浏览器,是嵌入在原生应用中的,你可能都意识不到你在…

什么是webview ?

Andoid 平台,SDK 中有一个控件叫 WebView; IOS/MacOS 平台,SDK 中有一个控件叫 WebView/UIWebView/WKWebView(UIView/NSView); 这些控件,用于移动端 APP 嵌入(Embed) Web 技术,加载 Web 内容;…

关于 WebView 知识点的详解

什么是 WebView WebView 是手机中内置了一款高性能 webkit 内核浏览器,在 SDK 中封装的一个组件。没有提供地址栏和导航栏, WebView 只是单纯的展示一个网页界面。在开发中经常都会用到。 ps: 关于 WebView 的介绍,可以看这里 《谈谈 WebView 的使用》 虽说 WebView…