知识整理之浏览器篇

东辉在线 2019-06-30

上一篇整理到HTML部分，发现有些知识点属于浏览器范畴，就单独出一篇来专门归纳。传送门：知识整理之HTML篇

介绍一下你对浏览器内核的理解？

主要分成两个部分：渲染引擎(Render Engine)和JS引擎。

渲染引擎：负责取得网页的内容(html,xml和图像等)，整理讯息(例如假如css)，以及计算网页的显示方式，然后输出到显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不同。所有网页浏览器、电子邮件客户端以及它需要编辑、显示网络内容的应用程序都需要内核。
JS引擎：解析和执行JavaScript来实现网页的动态效果。

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

常见的浏览器内核有哪些？

IE浏览器内核：Trident内核，也被称为IE内核
Chrome浏览器内核：Chromium内核 → Webkit内核 → Blink内核
Firefox浏览器内核：Gecko内核，也被称Firefox内核
Safari浏览器内核：Webkit内核
Opera浏览器内核：最初是自主研发的Presto内核，后跟随谷歌，从Webkit到Blink内核
360浏览器、猎豹浏览器内核：IE+Chrome双内核
搜狗、遨游、QQ浏览器内核：Trident（兼容模式）+ Webkit（高速模式）
百度浏览器、世界之窗内核：IE内核

未完待续

: 东辉在线

相关推荐

WEB前端第十三课——浏览器内核、位置

　　在CSS中新的属性标准尚未明确的情况下，各浏览器厂商对新属性的支持情况也不相同，这个阶段会对属性加厂商前缀进行区分。　　根据不同的浏览器内核，CSS前缀有所不同，最基本的浏览器内核有四种，其他内核都是基于此四种进行再研发的。　　②Webkit内核，前缀

RainyX 0喜欢 / 0评论 2020-07-26

浏览器与浏览器内核

Internet Explorer 与 Edge 简称IE是微软旗下的一款浏览器，Edge是IE的替代产品。safari浏览器，苹果公司旗下浏览器，在苹果系统下是很优秀的浏览器，已停止对windows系统的支持。opera浏览器，挪威厂商opera旗下浏览

程序员俱乐部 0喜欢 / 0评论 2020-06-28

vue-video-player插件在微信浏览器X5内核中的坑

开启了x5内核就可以访问debugx5.qq.com，并且会出现菜单项，只能备份聊天记录重装微信了。。。这篇文章就是记录一下短视频业务在微信浏览器下的坑，分享出来帮助其他的开发者兄弟们少走点弯路，早点下班回窝。

baynkbtg 0喜欢 / 0评论 2020-05-08

浏览器内核拿到html文件后，渲染流程是怎么样?

解析html元素，构建dom 树。解析CSS，生成页面css规则树。将dom树和 css规则树关联起来，生成render树。布局，浏览器会为Render树上的每个节点确定在屏幕上的尺寸、位置。绘制Render树，绘制页面像素信息到屏幕上，这个过程叫pai

baynkbtg 0喜欢 / 0评论 2020-04-26

判断浏览器内核/适配不同浏览器

// The order matters here, and this may report false positives for unlisted browsers.

程序员俱乐部 0喜欢 / 0评论 2020-01-11

HTML 语法简要总结

网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。浏览器是网页运行的平台，常用的浏览器有IE、火狐、谷歌、Safari和Opera等。我们平时称为五大浏览器。浏览器内核又可以分成两部分：渲染引擎和 JS

baynkbtg 0喜欢 / 0评论 2019-12-23

常见浏览器及其内核

5、Opera浏览器内核：最初是自己的Presto内核，后来是Webkit，现在是Blink内核；

baynkbtg 0喜欢 / 0评论 2019-12-09

JS高阶---浏览器内核

定时器模块运行在分线程上，那么是不是说明回调函数在分线程上？？

curiousL 0喜欢 / 0评论 2019-12-03

浏览器内核

浏览器的主要功能就是向服务器发出请求，在浏览器窗口中展示您选择的网络资源。资源的位置由用户使用 URI指定。浏览器解释并显示 HTML 文件的方式是在 HTML 和 CSS 规范中指的。这些规范由网络标准化组织 W3C进行维护。多年以来，各浏览器都没有完全

pengornis 0喜欢 / 0评论 2019-11-19

android关于加载本地html5的问题

刚开始看见这个问题我一头雾水，根本不知道从哪儿着手，我就在百度上搜这个错误的相关信息，在网上查阅了资料才发现是浏览器的安全性设置问题，因为android手机的默认浏览器都是webkit内核的，而webkit内核的浏览器默认是禁止从本地ajax加载文件的。这

icewizardry 0喜欢 / 0评论 2014-04-10

用Meta标签代码让360双核浏览器默认极速模式不是兼容模式

一个网站，大量采用了html5和css3，希望用户都以webkit内核打开页面，但是测试却发现360的以ie内核打开为推荐模式，不知原因为何。其实360给网站开发者设计了一种选择的方法，只要加入一段Meta标签代码就可以解决以下信息摘自360官方网站：。目

galilajiao00 0喜欢 / 0评论 2015-06-03

HTML5 手机与PC的浏览器

支持Html5的浏览器包括Firefox，IE9及其更高版本，Chrome，Safari，Opera等；国内的遨游浏览器，以及基于IE或Chromium所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。　　全

ilzxxx0 0喜欢 / 0评论 2015-11-14

浏览器内核以及调试

Chrome浏览器至发布以来一直讲究简洁、快速、安全，所以Chrome浏览器到现在一直受人追捧。1995年，opera公司发布第一版Opera浏览器，使用自己研发的Presto内核。当时opera公司的开发团队不断完善Presto内核，使Opera浏览器一

zaocha 0喜欢 / 0评论 2019-09-08

常用浏览器的内核

差了一下原因，原来各个浏览器的内核不一样。engine”，翻译过来就是“排版引擎”，也被称为“页面渲染引擎”。它负责取得网页的内容、整理信息，以及计算网页的显示方式，然后会输出至显示器或打印机。该内核程序在1997年的IE4中首次被采用，是微软在Mosai

lengyu0 0喜欢 / 0评论 2012-12-21

从浏览器内核开始01

浏览器最核心的部分应该是浏览器内核“Rendering Engine”,也称之为“渲染引擎”，其主要作用时负责对网页语法进行解释，并渲染网页。所以“渲染引擎”决定了浏览器如何显示网页网页内容及网页格式信息。不同的浏览器内核对网页编写的语法的解释也不同，导致

拭血 0喜欢 / 0评论 2019-07-01

微软宣布 Edge 浏览器将切换至 Chromium 内核

简述据微软官方 blog的消息，windows 的默认浏览器 Edge将切换内核至 Chromium，并且微软将秉承开源精神，在未来更多的为 Chromium项目贡献代码。For the past few years, Microsoft has mean

HappyBlog 0喜欢 / 0评论 2019-06-29

第一天·浏览器内核及Web标准

IE浏览器IE是微软公司旗下浏览器，是目国内用户量最多的浏览器。IE诞生于1994年，当时微软为了对抗市场份额占据将近百分之九十的网景Netscape Navigator，于是在Windows中开发了自己的浏览器Internet Explorer，自此也引

mixley 0喜欢 / 0评论 2019-06-28

主流浏览器内核及浏览器CSS兼容前缀

今天聊天有个之前的学生问了道面试遇到的问题：主流浏览器有哪些？浏览器内核是浏览器最为核心的部分。现在JS引擎比较独立，内核更加倾向于说渲染引擎。Trident是IE的内核，也就是国内双核浏览器的内核之一。因火狐是最多的用户，故常被称为firefox内核它是

Teresasmida 0喜欢 / 0评论 2018-03-17

浏览器内核之WebKit 架构与模块

前言此文章是我最近在看的一书的一些理解和做的笔记。而是基于 WebKit 的 Chromium 项目的讲解。操作系统之上的就是 WebKit 赖以工作的众多第三方库，这些库是 WebKit 运行的基础。

zaocha 0喜欢 / 0评论 2019-06-28

常见浏览器内核

Trident，是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括：IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。使用它的最著

ThinkMake 0喜欢 / 0评论 2016-11-21

H5 CSS hack 和浏览器内核

CSS hack的目的就是使你的CSS代码兼容不同的浏览器。当然，我们也可以反过来利用CSS hack为不同版本的浏览器定制编写不同的CSS效果。手机浏览器的默认内核是Webkit内核。其中部分浏览器的新版本是“双核”甚至是“多核”，其中一个内核是Trid

baynkbtg 0喜欢 / 0评论 2016-10-19

WebKit 技术内幕之浏览器与WebKit内核

前言此文章是我最近在看的一书的一些理解和做的笔记。而是基于 WebKit 的 Chromium 项目的讲解。Chromium 内核 Blink2013年4月 gogle宣布从 WebKit中复制一份出来然后独立，并运作为Blink项目。第二章 HTML网页

东辉在线 0喜欢 / 0评论 2019-06-28

app 中的webview控件与终端浏览器的内核不一致

从点击选择砸的蛋，到锤子砸蛋，到蛋碎裂，最后从蛋中显示代金券一系列动作自动完成。在PC浏览器、android 和 iphone手机浏览器中显示全部正常，但是将其运行到app的webview控件中显示，却没有“锤子砸”的效果？锤子砸的效果是使用的CSS3,t

ThinkMake 0喜欢 / 0评论 2016-07-18

修改webkit内核浏览器滚动条

width: 30px;height: 30px;border-radius:9999px;background:linear-gradient(#3D4450,#6b778c) repeat scroll 0 0 #3D4450;border-right

icewizardry 0喜欢 / 0评论 2016-05-05

css针对各个浏览器的前缀是什么

现在写css3代码的时候，为了实现兼容性，需要在前面加前缀以便兼容对应的浏览器。

srdwxA 0喜欢 / 0评论 2016-02-05

常见浏览器内核介绍

有一个网页标准计划小组制作了一个 ACID 来测试引擎的兼容性和性能。非 Trident 内核浏览器的市场占有率大幅提高也致使许多网页开发人员开始注意网页标准和非 IE浏览器的浏览效果问题。补充：IE 从版本 11 开始，初步支持 WebGL 技术。Win

羽化大刀Chrome 0喜欢 / 0评论 2016-01-18

QQ浏览器X5内核问题汇总

常常被人问及微信中使用的X5内核的问题，其实我也不是很清楚，只知道它是基于android 4.2的webkit，版本号是webkit 534。今天正好从X5团队拿到了一份问题汇总，梳理下发出来，给各位开发者以参考——不排除明天会删除这篇文章的可能。如果只是

whosemario 0喜欢 / 0评论 2015-11-24

用Meta标签代码让360双核浏览器默认极速模式不是兼容模式

一个网站，大量采用了html5和css3，希望用户都以webkit内核打开页面，但是测试却发现360的以ie内核打开为推荐模式，不知原因为何。其实360给网站开发者设计了一种选择的方法，只要加入一段Meta标签代码就可以解决以下信息摘自360官方网站：。目

selt 0喜欢 / 0评论 2015-06-03

浏览器兼容性问题（内核、IEtester、cssrest、盒模型）

当窗口大小改变的时候，页面内容可能会消失；上一页/下一页功能不正常；Focus功能不正常；Javaapple不能运行；Flash不能在IE6下正常运行。当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。解决办法：cs

Teresasmida 0喜欢 / 0评论 2015-05-04

js获取手机浏览器内核版本[转]

u.match,//是否为移动终端ios:!!

gxyblue 0喜欢 / 0评论 2014-10-11

Webkit内核浏览器下搜索框大小及文字下沉问题

由于很少使用基于Webkit内核的浏览器，比如Safari和Chrome什么的，以至于自己一直没有很好的重视这个问题，今天Prouz提出了这个问题，于是我便开始研究，但是随着研究的深入，发现问题也越来越多。}但是问题依旧，这个问题只能先放这儿，改天详细研究

selt 0喜欢 / 0评论 2014-08-08

浏览器内核

在开发过程中，遇到不同浏览器的展示效果不一样，真的是一件蛋疼的事情，下面简单介绍一下不同浏览器的内核：。IE浏览器，猎豹安全浏览器360安全浏览器360极速浏览器、百度浏览器、搜狗高速浏览器、UC浏览器等。GoogleChrome、360极速浏览器以及搜狗

yidaizongshi 0喜欢 / 0评论 2014-07-22

前端面试题-主流浏览器内核

本报告数据，来源于百度统计所覆盖的超过150万的站点，而不是baidu.com的流量数据。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。

HappyBlog 0喜欢 / 0评论 2019-06-26

浏览器内核、JS 引擎、页面呈现原理及其优化

浏览器内核又叫渲染引擎，主要负责 HTML、CSS 的解析，页面布局、渲染与复合层合成。浏览器内核的不同带来的主要问题是对 CSS 的支持度与属性表现差异。webkitWekbit是一个开源的Web浏览器引擎，也就是浏览器的内核。Apple的Safari,

zyytaiyame 0喜欢 / 0评论 2019-06-26

android关于加载本地html5的问题

再三思考，我决定在加载之前先看看手机上有没有安装不是webkit内核的浏览器，如果有，就用不是webkit内核的浏览器加载，如果没有就提醒用户下载相应的浏览器或者从服务器上加载html5。于是，我就在测试机上安装了一个firefox，我手动加载了一下本地的

wysjwh 0喜欢 / 0评论 2014-04-10

常见的浏览器引擎

浏览器产品中最核心的技术之一莫过于排版引擎。所以目前市场上数百种浏览器按照排版引擎来分的话也。1）采用MS内核的。2）采用webkit内核的。对于前端开发来说，处理以上这四种浏览器还是会带来很烦人的问题。html协议的大多数解析实现是一致的，但是还存在少许

pworld 0喜欢 / 0评论 2013-11-24

js/jQuery判断浏览器名称、内核版本、浏览器壳

浏览器内核名称:NV.name;浏览器外壳名称:NV.shell;'世界之窗浏览器':. '世界之窗极速浏览器':

pworld 0喜欢 / 0评论 2013-10-12

一个网址引发的操作 -- 浏览器「内核」

前言四不四经常有人在你面前念叨(bī)，「这是浏览器内核的问题！Safari[sfɑri]的内核不支持！」？今天咱们就来聊聊所谓的「内核」！要讲内核首先要讲浏览器基础，浏览器基础是前端知识网中的一个小分支，也是前端开发人员必须掌握的基础知识点。他贯穿着前端

HappyBlog 0喜欢 / 0评论 2019-06-25

主流浏览器发展史及其内核初探

当我们在新时代调侃 IE 浏览器兼容性问题的时候，或多或少忘记了 IE 浏览器是第一款支持 CSS 的商用浏览器；当我们惊叹于 Chrome 将 Webkit 内核发挥的如此极致的时候，又或多或少忘记了 Safari 才是 Webkit 内核的始作俑者。千

zyytaiyame 0喜欢 / 0评论 2019-06-25

判断ie与ie内核的浏览器

//IE内核非IE浏览!

玫瑰余香000 0喜欢 / 0评论 2013-05-30

浏览器极速模式和兼容模式差异

所以目前在国内使用IE6IE7IE8等旧版浏览器的用户占比还比较多。根据百度浏览器研究院提供的最近3个月的浏览器份额可以看到，IE6-IE8浏览器加起来还有40%左右。为了应对这样的情况，所以国内很多互联网公司推出了“双核”浏览器。目前大多数“双核”浏览器

zaocha 0喜欢 / 0评论 2019-06-21

【转】关于浏览器的内核以及几个小问题

目前可供调用的最新版的Trident内核是IE9所用的内核，相较之前的版本对W3C标准的支持增强了很多。因为Firefox的出现，IE的霸主地位逐步被削弱，Chrome的出现则是加速了这个进程。是目前最火热的浏览器内核，火热倒不是说市场份额，而是应用的面积

gxyblue 0喜欢 / 0评论 2013-04-17

webkit内核浏览器的Linear Gradients (线性渐变)

日志标签：-webkit-gradientwebkit内核浏览器的Linear Gradients -Css3演示时间：2010年03月08日作者：愚人码头查看次数:9,784 views评论次数：1条评论webkit内核的safari、 Chrome的

中等偏下 0喜欢 / 0评论 2013-03-25

浏览器内核引擎——浏览器容错

html5规范定义了这些方面的需求，webkit在html解析类开始部分的注释中做了很好的总结解析器将符号化的输入解析为文档并创建文档，但不幸的是，我们必须处理很多没有很好格式化的html文档，至少要小心下面几种错误情况。

pworld 0喜欢 / 0评论 2012-09-09

浏览器内核引擎——SGML族语言

SGML(Standard Generalized Markup Language,标准通用标记语言，ISO/ANSI/ECMA的一个标准，一种用来注释文本文档，提供文档片断的类型信息的规范。)，是一种定义电子文档结构和描述其内容的国际标准语言，是所有电子

selt 0喜欢 / 0评论 2012-09-05

主流浏览器内核

浏览器最核心的部分是渲染引擎，我们一般习惯称之为“浏览器内核”，其负责解析网页语法并渲染、展示网页。因此，所谓的浏览器内核通常也就是指浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。Gecko是最流行的排版引擎之一，其流行

HealerJJJ 0喜欢 / 0评论 2012-07-06

转：js/jQuery判断浏览器名称、内核版本、浏览器壳

判断浏览器很多地方都用的到的。下面是自己从网上down来并自己重新整理的判断方法:. 浏览器内核名称:NV.name;浏览器外壳名称:NV.shell;'世界之窗浏览器':. '世界之窗极速浏览器':

notepaper 0喜欢 / 0评论 2012-06-05

浅谈4种常见的浏览器内核

浏览器最核心的部分是渲染引擎，我们一般习惯称之为“浏览器内核”，其负责解析网页语法并渲染、展示网页。因此，所谓的浏览器内核通常也就是指浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。Gecko是开放源代码、以C++编写的网

notepaper 0喜欢 / 0评论 2012-01-31

关于浏览器内核的一些概念

要想搞清楚浏览器内核是什么，首先应该搞清楚浏览器的构成是怎样的。简单来说浏览器可以分为两部分：shell+内核。其中shell的种类相对较多，内核则较少。shell是指浏览器的外壳：如菜单，工具栏等。所以内核才是浏览器的核心，它的功能如何就决定了浏览器的特

notepaper 0喜欢 / 0评论 2011-12-14