浏览器是什么?

网页浏览器是一种用于检索并展示万维网信息资源的应用程序。这些信息资源可为网页、图片、影音或其他内容,它们由统一资源标志符标识。信息资源中的超链接可使用户方便地浏览相关信息

-维基百科

其实我们平常用的浏览器,就是用来浏览网页的软件,与本地软件不同,网页是服务器提供的,可以简单的理解为,服务器发给浏览器一份代码,浏览器立即进行编译所形成了我们看到的网站,所以浏览器并不像本地软件那么占存储,具有简单方便的特点。在线的网站也给我们提供了许多便利

主流浏览器

主流的浏览器分为IE、Chrome、Firefox、Safari等几大类.

浏览器

那我们平常用的那什么QQ浏览器,UC浏览器,百度是什么呢?其实他们就是所谓的套壳浏览器,大多通过调用Android系统自带的android system webview来实现网页浏览。

android system webview

android system webview是基于Chrome内核的一个系统组件,用于给安卓应用提供网页浏览窗口,如果没有他,那么每个应用都要自带一个浏览器内核才能实现加载网页内容。

但是,由于网络防火墙的原因,国内系统的webview版本普遍偏低。也就是浏览器内核版本低

浏览器内核

什么是浏览器内核?

浏览器内核是浏览器的心脏,他就是用来执行网站源码的重要部分,一个浏览器的内核越高级,那么他的渲染速度就会越快(网页加载快),他支持的功能也就更多,给用户带来的体验也更好。

为什么要及时更新内核?

第一,浏览器能实现的功能越来越多了,比如现在都能用浏览器就可以给手机刷机了,但这些新特性都是要新内核才支持的。第二,内核更新经常会修复旧版内核中的安全漏洞。保持内核最新可以保护您上网时不会中毒。第三,开发者在开发的时候,都是优先测试最新版内核的,所以作为用户,使用最新版内核遇到的 Bug 理论上是最少的。如果大家都能及时更新到最新内核,这也将减轻开发者的工作量。

浏览器渲染工作程序

网页上所用到的语言有:html, css, JavaScript等,其中,前两者通常决定了该页面长什么样,它们是可以说都是约定的规范。

HTML规定了网页有什么内容,css规定了网页的布局(怎么排版内容)使网站更好看,前两者都是给网页画一副好看的皮囊JavaScript定义了网站的动作和一些复杂功能的实现(让网站动起来),不同的浏览器在获取到某页面的代码文件后,负责根据这套规范将代码渲染出来呈现给用户,浏览器内核所做的就是这个渲染工作。因此,浏览器内核,也被称为排版引擎(layout engine)、渲染引擎(rendering engine)

渲染工作程(选读,了解即可):

1.浏览器渲染引擎最重要的工作就是将 HTML 和 CSS 文档解析组合最终渲染到浏览器窗口上。渲染引擎在接受到 HTML 文件后主要进行了以下操作:解析 HTML 构建 DOM 树 -> 构建渲染树 -> 渲染树布局 -> 渲染树绘制。2.解析 HTML 构建 DOM 树时渲染引擎会将 HTML 文件的便签元素解析成多个 DOM 元素对象节点,并且将这些节点根据父子关系组成一个树结构。同时 CSS 文件被解析成 CSS 规则表,然后将每条 CSS 规则按照「从右向左」的方式在 DOM 树上进行逆向匹配,生成一个具有样式规则描述的 DOM 渲染树。接下来就是将渲染树进行布局、绘制的过程。首先根据 DOM 渲染树上的样式规则,对 DOM 元素进行大小和位置的定位,关键属性如position;width;margin;padding;top;border;…,接下来再根据元素样式规则中的color;background;shadow;…规则进行绘制。3.这个过程是逐步完成的,为了更好的用户体验,渲染引擎将会尽可能早的将内容呈现到屏幕上,并不会等到所有的 html 都解析完成之后再去构建和布局 render 树。它是解析完一部分内容就显示一部分内容,同时,可能还在通过网络下载其余内容。

总之,浏览器内核十分十分的重要,更新内核十分必要

我的网站就是用了了很多很多花里胡哨的新功能,升级到较高的浏览器内核,我的网站的新特性就能够全部的展现出来,否则很难看的 ٩(๑ ͡° ͜ʖ ͡°๑)۶

那么怎样选择一个好的浏览器?

1.套壳浏览器

国内有很多很多功能强大的套壳浏览器,例如via,x浏览器等,他们都很小巧且功能强大,可惜的是,他们调用的是android system webview(也就是小巧的原因,一般带内核的浏览器体积都很大),前面也讲到了,国内手机android system webview版本低,对于浏览器重度使用者根本很难用。更新他的方式只有一种,那就是去google play 下载安装,国内是不能直接进谷歌商店的,需要gms环境, 魔法上网和谷歌账号。折腾起来比较麻烦。

2.自带内核的浏览器

由于自带内核的原因,他们体积会十分的大,几乎是那些套壳浏览器的一百多倍。

手机上比较好用的自带内核浏览器,我认为有edge浏览器,kiwi浏览器(极力推荐),firefox,alook等

这年我非常推荐kiwi和alook,kiwi是一个优秀的开源的基于Chrome内核的开源浏览器他几乎就是完美的Chrome浏览器手机版,支持Chrome的开发者工具,几乎支持所有的Chrome插件(甚至是edge的插件),我认为是非常完美的手机浏器。但是可能不是太符合大多数国人的使用习惯,而alook不支持Chrome插件,但是他自带的一些功能也非常的好用和实用,也非常推荐。

kiwi开源地址:

https://github.com/kiwibrowser/src

alook官网:

https://www.alookweb.com/

IN THE END:

大概就先说这么多吧,如有不足,不严谨之处请提出,有什么问题也欢迎留言询问

届ける言葉を今は育ててる
最后更新于 2022-04-05