五大浏览器内核及代表浏览器,一文讲透!

Hi,我是贝格前端工场,在进行web前端开发的时候,浏览器兼容性一直是让所有前端工程师头疼的问题,其根源在于不同的浏览器应用了不同的内核,其对html、css、js的解析规则也是不一样的,作为前端开发的你,如果不知道主流浏览器的内核,怎么能行。

本文就带着大家看看五大主流浏览器的内核,此外最后有个小福利,讲讲Chromium、Chrome、Blink三者的关联。

Webkit内核:

最著名的Webkit内核浏览器是苹果公司的Safari浏览器。

  • Safari:苹果公司的官方浏览器,使用Webkit内核。
  • Google Chrome(早期版本):早期的Chrome浏览器使用了Webkit内核。
  • Opera(早期版本):早期的Opera浏览器也使用了Webkit内核。

Blink内核:

Blink内核是由Google开发的一种浏览器引擎,它是在Webkit内核的基础上经过修改和优化而来。

  • Google Chrome:由Google开发的最流行的浏览器,使用Blink内核。
  • Microsoft Edge:微软开发的浏览器,最新版本使用了Chromium内核(也是基于Blink内核)。
  • Opera:最新版本的Opera浏览器也使用了Chromium内核。
  • Vivaldi:一款基于Chromium内核的定制化浏览器,由前Opera团队开发。
  • 360极速浏览器:国内一款流行的浏览器,基于Chromium内核。
  • QQ浏览器:腾讯开发的浏览器,也使用了Chromium内核。

Gecko内核:

Gecko内核是由Mozilla基金会开发的一种浏览器引擎,它用于Mozilla Firefox浏览器。Gecko内核在处理网页布局和渲染方面具有很高的性能和灵活性。

  • Mozilla Firefox:由Mozilla基金会开发的浏览器,使用Gecko内核。

Trident内核:

Trident内核是由微软开发的一种浏览器引擎,它用于Internet Explorer浏览器。Trident内核在过去的几年中已经逐渐被EdgeHTML内核所取代。

  • Internet Explorer:微软开发的浏览器,使用Trident内核。

EdgeHTML内核:

EdgeHTML内核是由微软开发的一种浏览器引擎,它用于Microsoft Edge浏览器。EdgeHTML内核是在Trident内核的基础上进行重写和改进而来。

  • Microsoft Edge(旧版):旧版的Microsoft Edge浏览器使用了EdgeHTML内核。

需要注意的是,这些浏览器和内核的关系可能随着时间的推移而变化,因此最好使用最新版本的浏览器和正确的内核信息。


Chromium、Chrome、Blink三者之间的关系

Chromium、Chrome和Blink是三个不同但相关的概念:

  1. Chromium:Chromium是一个开源的浏览器项目,由Google发起并维护。它是一个基于开放源代码的浏览器引擎,也是Chrome浏览器的基础。Chromium项目的目标是提供一个稳定、快速、安全的浏览器引擎,供开发人员和其他浏览器厂商使用和修改。
  2. Chrome:Chrome是由Google基于Chromium项目构建的一个浏览器。它是基于Chromium引擎,并添加了一些Google专有的功能,如自动同步、Google账号集成、Google Now等。Chrome浏览器是一个流行的、功能丰富的浏览器,被广泛用于桌面和移动设备上。
  3. Blink:Blink是一个浏览器引擎,它是由Google基于Webkit引擎进行修改和优化而来。Blink引擎最初是作为Chromium项目的一部分开发的,后来被Google Chrome和其他浏览器采用。Blink引擎具有高性能、快速渲染和良好的兼容性,是目前许多主流浏览器的默认引擎。

总结起来,Chromium是一个开源的浏览器项目,Chrome是基于Chromium项目构建的一个浏览器,而Blink是由Google开发的浏览器引擎,它是Chromium和Chrome的共同引擎。

后记:欢迎点赞、评论、转发和交流。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/664637.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【核心网】【LTE】附着信令流程报文 - 关键字段内容

目录 1. (S1AP/NAS-EPS) --> InitialUEMessage, Attach request, PDN connectivity request 2. (DIAMETER) --> cmd=3GPP-Authentication-Information Request(318) flags=RP-- appl=3GPP S6a/S6d(16777251) h2h=

一文掌握单基因GSEA富集分析

本期教程 本期教程原文:一文掌握单基因GSEA富集分析 | gseaGO and gseaKEGG 写在前面 关于GSEA分析,我们在前期的教程单基因GSEA富集分析 | 20220404有出过类似的分享。今天,我们也结合相关的资源整理出一篇关于GSEA的教程及出图教程。每个方法的教程很多,我们大家结合自…

2024美赛数学建模A题思路分析 - 资源可用性和性别比例(2)

# 1 赛题 问题A:资源可用性和性别比例 虽然一些动物物种存在于通常的雄性或雌性性别之外,但大多数物种实质上是雄性或雌性。虽然许多物种在出生时的性别比例为1:1,但其他物种的性别比例并不均匀。这被称为适应性性别比例的变化。…

C++vector容器

3.3.2vector容器 vector的数据安排及操作方式,与array非常相似,两者唯一差别在于空间的运用的灵活性。Array是静态控件,一旦配置了就不能改变,要换大一点或者小一点的空间,可以,一切琐碎得由自己来&#x…

打造实用Python学生管理系统:设计与实现

引言 在信息化教育管理的背景下,一个高效、便捷的学生管理系统对于提升教学管理效率具有重大意义。Python作为一种功能强大且易读易写的编程语言,非常适合用于开发此类系统。本文将探讨如何使用Python设计并实现一个基础的学生管理系统。 一、系统需求…

MYSQL基础问题

一.DBMS 是什么 DBMS(Database Management System),数据库管理系统,是一种操纵和管理 数据库的大型软件,用于建立、使用和维护数据库。对数据库进行统一的管理和 控制,以保证数据库的安全性和完整性。 二…

Leetcode—33. 搜索旋转排序数组【中等】

2024每日刷题&#xff08;一百一&#xff09; Leetcode—33. 搜索旋转排序数组 实现代码 class Solution { public:int search(vector<int>& nums, int target) {int n nums.size();int l 0, r n - 1;while(l < r) {int m l (r - l) / 2;if(nums[m] targe…

将结构体中的浮点数数据提取出来并发送至串口屏显示

1、由于项目中定义了一个结构体如下&#xff1a; typedef struct {uint16_t number;uint16_t LocationData;uint16_t PersonData; // _calendar_obj calendar; // uint16_t LiuLiang_Value;float LiuLiang_Value;_calendar_obj calendar_records; } Frame; 现需要将其中的flo…

STM32CAN2进入bus off 模式

工作遇到的问题记录 无人机CAN2整个进不了中断&#xff0c;通过查看寄存器判定出CAN节点进入了bus off mode 为何进入bus off &#xff0c;最后通过示波器看到整个CAN2总线波形就不对&#xff0c;总线出现了错误 Busoff的产生是一定是因为节点自身识别到自己发送错误&#xff…

基于SpringBoot Vue学生成绩管理系统

大家好✌&#xff01;我是Dwzun。很高兴你能来阅读我&#xff0c;我会陆续更新Java后端、前端、数据库、项目案例等相关知识点总结&#xff0c;还为大家分享优质的实战项目&#xff0c;本人在Java项目开发领域有多年的经验&#xff0c;陆续会更新更多优质的Java实战项目&#x…

带你了解JAVA中的AQS介绍(AbstractQueuedSynchronizer)

一、AQS 介绍 AQS的全称为&#xff08;AbstractQueuedSynchronizer&#xff09;&#xff0c;这个类在java.util.concurrent.locks包下面。 AQS是一个用来构建锁和同步器的框架&#xff0c;使用AQS能简单且高效地构造出应用广泛的大量的同步器&#xff0c;比如我们提到的Reen…

了解野指针与assert断言 拿捏指针的使用!

目录 1.野指针 野指针的成因&#xff1a; 2.规避野指针 3.assert断言 创作不易&#xff0c;宝子们&#xff01;如果这篇文章对你们有帮助的话&#xff0c;别忘了给个免费的赞哟~ 1.野指针 概念&#xff1a;野指针就是指针指向的位置是不可知的&#xff08;随机的、不正确的…

【安装指南】maven下载、安装与配置详细教程

&#x1f33c;一、概述 maven功能与python的pip类似。 Apache Maven是一个用于软件项目管理和构建的强大工具。它是基于项目对象模型的&#xff0c;用于描述项目的构建配置和依赖关系。以下是一些关键的 Maven 特性和概念&#xff1a; POM&#xff08;Project Object Model&…

【leetcode】完全背包总结

本文内容参考了代码随想录&#xff0c;并进行了自己的总结。 完全背包 关键点 ● 每件物品有若干种状态&#xff1a;不选、选 1 件、选 2 件、…、选 n 件 代码 在代码上&#xff0c;只有重量的遍历方向和 01 背包不一样&#xff1a; for(int i 0; i < nums.length; i…

echarts中绘制3D三维地球

简介 echarts中的三维地球&#xff0c;需要用到世界地图json数据&#xff0c;我把json文件放到我的资源中&#xff0c;有需要的自行下载。 安装插件 // 安装echats npm install echarts --save npm install echarts-gl --save 项目中引用 1&#xff0c;引入安装的echarts…

Three.js学习2:页面引入 Three.js

一、关于 Three.js 的版本 随着页面3D化应用越来越多&#xff0c;近两年 Three.js 处于飞速发展之中。现在 Three.js 几乎每个月都会发布一个新的版本&#xff0c;会增加新的 API&#xff0c;废掉一些旧的功能之类的。 可以从 Three.js 官网 Three.js – JavaScript 3D Libra…

【gcc】webrtc发送侧 基于丢包更新码率

参考大神的分析1 rtt 有问题:网络拥堵,直接下调码率 G:\CDN\rtcCli\m98\src\modules\congestion_controller\goog_cc\send_side_bandwidth_estimation.hRttBasedBackoff RttBasedBackoff rtt_backoff_;class RttBasedBackoff {public:explicit RttBasedBackoff(const WebRtcK…

C#代码添加脚本头

目录 前言 代码展示 前言 创建脚本的时候添加脚本的介绍 代码展示 using System.IO;/// <summary> /// 创建脚本自动添加头注 /// </summary> public class CommentFirst : UnityEditor.AssetModificationProcessor {/// <summary>/// 在资源创建生成.me…

【linux】校招中的“熟悉linux操作系统”一般是指达到什么程度?

这样&#xff0c;你先在网上找一套完整openssh升级方案&#xff08;不是yum或apt的&#xff0c;要源码安装的&#xff09;&#xff0c;然后在虚拟机上反复安装测试&#xff0c;直到把他理解了、背下来。 面试的时候让你简单说说linux命令什么的&#xff0c;你就直接把这个方案…

基于SpringBoot开发的校刊投稿系统[附源码]

基于SpringBoot开发的校刊投稿系统[附源码] &#x1f345; 作者主页 央顺技术团队 &#x1f345; 欢迎点赞 &#x1f44d; 收藏 ⭐留言 &#x1f4dd; &#x1f345; 文末获取源码联系方式 &#x1f4dd; &#x1f345; 查看下方微信号获取联系方式 承接各种定制系统 &#x1f…