Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >前端知识点系列四：浏览器

前端知识点系列四：浏览器

娜姐

发布于 2022-05-13 06:34:28

发布于 2022-05-13 06:34:28

2990

举报

文章被收录于专栏：娜姐聊前端娜姐聊前端

1. 浏览器内核组成

分为两部分：

渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机
JS引擎则：解析和执行javascript来实现网页的动态效果

最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。

2. 常见的浏览器内核是什么？

Trident内核：IE,MaxThon,TT,The World,360,搜狗浏览器等。[又称MSHTML]
Gecko内核：Firefox
Presto内核：Opera7及以上。 [Opera内核原为：Presto，现为：Blink;]
Webkit内核：Safari,Chrome等。 [ Chrome的：Blink（WebKit的分支）]

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-05-13，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

知识整理之浏览器篇

最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向与只指渲染引擎。关于浏览器工作原理详解，请移步至：浏览器工作原理详解

Clearlove

2019/08/29

4880

android iphone html

查看网站： http://tongji.baidu.com/data/browser

星辰_大海

2020/09/30

3K0

谈谈CSS中一些比较"偏门"的小知识前面我写了：谈谈html中一些比较"偏门"的知识，现在这篇(主要)想谈谈个人所见的CSS一些小知识点，加深印象；同时也希望有需要的人能有收获！

前面我写了：谈谈html中一些比较"偏门"的知识，现在这篇(主要)想谈谈个人所见的CSS一些小知识点，加深印象；同时也希望有需要的人能有收获！ 1.常见的浏览器内核：以IE为代表：IE，MaxThon，TT，the World，360，搜狗浏览器等-----Trident内核[又称MSHTML] Firefox，Netscape 6及以上版本，seaMonkey等-----Gecko内核 Opera7及以上----- Opera内核原为：Presto，现为：Blink; Webkit内核：Safari,C

用户1149564

2018/01/11

1.5K0

浏览器内核（理解）

　　浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。

黑泽君

2018/10/11

3K0

浏览器介绍

浏览器是指可以显示网页服务器或者文件系统的HTML文件（标准通用标记语言的一个应用）的内容，并让用户与这些文件交互的一种软件。它用来显示在万维网或局域网等内的文字、图像及其他信息。这些文字或图像，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种信息。大部分网页为HTML格式。

YangAir

2020/02/12

9.5K0

前端面试那些坑之HTML篇

HTML 1、Doctype作用？标准模式与兼容模式各有什么区别? （1）、<!DOCTYPE>声明位于位于HTML文档中的第一行，处于<html> 标签之前。告知浏览器的解析器用什么文档标准解析这

用户1667431

2018/04/18

1.5K0

目前主流的四大浏览器内核Trident、Gecko、WebKit以及Presto

网站开源 ios

浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。

用户7657330

2020/08/14

6.8K0

常用浏览器所使用的内核

html firefox web 浏览器内核

浏览器最重要或者说核心的部分是“Rendering Engine” 可大概译为“渲染引擎”，俗称称为“浏览器内核”。负责对网页语法的解释（如[标准通用标记语言]下的一个应用[HTML]、[JavaScript]）并渲染（显示）网页。所以，通常所谓的浏览器内核也就是浏览器所采用的[渲染引擎]，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息，不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。

用户7657330

2023/03/16

8390

JavaScript学习笔记（O）——浏览器内核介绍

搜索引擎网站 ios

浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“解释引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如HTML、JavaScript）并渲染（显示）网页。所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。

阳光岛主

2019/02/19

8590

【本周主题】第二期：浏览器组成及工作原理深度了解

包括地址栏、后退/前进按钮、书签目录等，也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分

xing.org1^

2018/12/26

1.4K0

【转】不同内核浏览器的差异以及浏览器渲染简介

浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“解释引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如HTML、JavaScript）并渲染（显示）网页。

书童小二

2018/09/03

2.3K0

【转】不同内核浏览器的差异以及浏览器渲染简介

各主流浏览器内核介绍[通俗易懂]

java 渲染 html

所谓的“浏览器内核”无非指的是一个浏览器最核心的部分——“Rendering Engine”，直译这个词汇叫做“渲染引擎”，不过我们也常称其为“排版引擎”、“解释引擎”。这个引擎的作用是帮助浏览器来渲染网页的内容，将页面内容和排版代码转换为用户所见的视图。

全栈程序员站长

2022/09/16

3.2K0

网页开发之目前流行的五大浏览器内核介绍

渲染 ide windows html 开源

浏览器的内核是分为两个部分的，一是渲染引擎，另一个是JS引擎。现在JS引擎比较独立，内核更加倾向于说渲染引擎。

用户1289394

2018/12/04

1.5K0

前端开发面试题总结之——HTML

---- 相关知识点 web标准、 web语义化、浏览器内核、兼容性、 html5... 题目&答案 Doctype作用？严格模式与混杂模式如何区分？它们有何意义（1）<!DOCTYPE>声明位于HTML文档中的第一行，处于<html>标签之前，用于告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。（2）标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点

用户1667431

2018/04/18

1.9K0

前端开发面试题总结之——HTML

重学css3(概览）

浏览器内核又可以分成两部分：渲染引擎(layout engineer或者Rendering Engine)和JS引擎。

IT人一直在路上

2019/09/18

2520

浏览器渲染与内核

css 网站渲染

浏览器内核可以分成两部分：渲染引擎与JS引擎。最开始渲染引擎与JS引擎并没有明确的区分，但随着JS引擎越来越独立，内核就越来越倾向于只指渲染引擎。

WindRunnerMax

2020/08/27

5920

-webkit-border-radius和-moz-border-radius

这两个都是处理圆角效果的，但不是w3标准的。 w3标准的是border-radius， -webkit-border-radius 是为了兼容 chrome 或 safari， -moz-border-radius 是为了兼容火狐，而现在火狐支持标准的border-radius，所以-moz-border-radius 是个无用的属性。

Twcat_tree

2022/11/30

7210

知识点归纳笔记：关于浏览器内核的多线程机制

javascript gui 渲染 html css

浏览器内核即浏览器底层最核心和最基础的那一部分，它主要负责对网页当中的 html、 css、 JavaScript进行解释然后在浏览器当中进行渲染最终呈现给用户，也就是说内核的工作就是渲染，所以我们常常把浏览器内核称为渲染引擎（Rendering Engine）也称为布局引擎（Layout Engine）、排版引擎。

用户1272076

2019/03/26

9540

浏览器User-Agent大全

HttpHeader之User-Agent UserAgent中文名为用户代理，是Http协议中的一部分，属于头域的组成部分，UserAgent也简称UA。它是一个特殊字符串头，是一种向访问网站提供你所使用的浏览器类型及版本、操作系统及版本、浏览器内核、等信息的标识。通过这个标识，用户所访问的网站可以显示不同的排版从而为用户提供更好的体验或者进行信息统计；例如用手机访问谷歌和电脑访问是不一样的，这些是谷歌根据访问者的UA来判断的。UA可以进行伪装。浏览器的UA字串的标准格式：浏览器标识(操作系统标识;加密等级标识;浏览器语言)渲染引擎标识版本信息。但各个浏览器有所不同。字串说明： 1、浏览器标识出于兼容及推广等目的，很多浏览器的标识相同，因此浏览器标识并不能说明浏览器的真实版本，真实版本信息在UA字串尾部可以找到。 2、操作系统标识

用户1214487

2018/08/09

6.7K0

浏览器兼容

先来说说什么是浏览器兼容？对于很多初学者来说先要知道目前主流的浏览器有IE6、IE8、Mozilla、 FireFox、Opera、Safari、Chrome、Netscape等。这些主流的浏览器主要由四个内核程序来服务： Trident内(IE,MaxThon,TT,The World,360,搜狗浏览器等) Gecko内核(Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等) Presto内核(Opera7及以上 ) Webkit内核(Safari,Chrome) 由于

用户1730674

2018/05/02

1K0

相关推荐

知识整理之浏览器篇

更多 >

LV.1

这个人很懒，什么都没有留下～

作者相关精选

换一批

目录

1. 浏览器内核组成

2. 常见的浏览器内核是什么？

加入讨论

的问答专区 >

相关课程

一站式学习中心 >

数字化IT从业者知识体系