• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >浏览器兼容 > 浏览器引擎

浏览器引擎

作者:落日夕霞的博客 字体:[增加 减小] 来源:互联网 时间:2017-08-14

本文主要包含web前端等相关知识,落日夕霞的博客希望在学习及工作中可以帮助到您

浏览器引擎

浏览器解析渲染页面原理

浏览器 最重要 最核心的部分是“解释引擎”,也就是“浏览器内核”: 负责对网页语法的解释(如HTML、JavaScript)并渲染(显示)网页。
网页的工作过程需要使用到两个引擎:渲染引擎和javascript引擎
什么是JavaScript引擎?简单来讲,就是能够提供执行JavaScript代码的运行环境
所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,排版引擎(Rendering Engine,也有称渲染引擎),渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。
浏览器内核很多,如果加上所有的几乎没有什么人在用的非商业的免费内核,那么可能大约有10款以上甚至更多,不过通常我们比较常见的大约只有以下四种:

  • Trident :[ˈtraɪdnt]
    IE浏览器(遨游、世界之窗、腾讯TT…都是IE)Trident内核最慢
    IE 以Trident 作为内核引擎 ,前缀为–ms。

  • Gecko:[ˈgekəʊ]

  • 开放源代码、以C++编写的网页排版引擎,是跨平台的
    FireFox是基于 Gecko 开发;
  • presto:[ˈprestəʊ]
    目前公认网页浏览速度最快的浏览器内核,然而代价是牺牲了网页的兼容性。由Opera Software开发的浏览器排版引擎,Opera(欧朋浏览器),但由于市场选择问题,主要应用在手机平台–Opera mini
  • Webkit:
    苹果公司自己的内核,google的chrome也使用webkit作为内核。
    是一个开源的浏览器引擎,同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称,它拥有清晰的源码结构、极快的渲染速度,包含的 WebCore 排版引擎和 JavaScriptCore解析引擎,均是从KDE的KHTML及KJS引擎衍生而来。
    许多网站都是按照IE来架设的,很多网站不兼容Webkit内核,比如登录界面、网银等网页均不可使用Webkit内核的浏览器。
    Safari([səˈfɑri]), Google Chrome, 傲游3, 猎豹浏览器, 百度浏览器 opera浏览器 基于 Webkit 开发。

注:2013年2月Opera宣布转向WebKit引擎
注:2013年4月Opera宣布放弃WEBKIT,跟随GOOGLE的新开发的blink引擎

您可能想查找下面的文章:

相关文章

  • 2017-06-02php的动态页面在ie内核的浏览器下面整体偏左的解决方法
  • 2017-06-02Firefox奇怪的文字溢出bug div里面的文字溢出
  • 2017-06-02ie css margin auto 不居中解决方案
  • 2017-06-02CSS hack 针对IE6,IE7,firefox显示不同效果
  • 2017-06-02input 文本框 文字垂直居中对齐 ie firefox
  • 2017-06-02css 兼容性书写记录
  • 2017-06-02ul, li, a怎么用(谷歌/火狐/ie6/7/8)中测试
  • 2017-06-02ie6布局网页padding值加倍的解决方法
  • 2017-06-02IE6789,FF之间Css Hack整理
  • 2017-06-02ie6下实现position:fixed效果实例介绍

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 移动互联网网设计之碎片时间里的高效设计
    • 使用滤镜解决IE6下png图片不能透明(被渲染成默认色)的问题
    • 解决IE6,IE7不能隐藏(overflow:hidden)绝对定位溢出的内容
    • 浏览器兼容之旅第二站:各浏览器的Hack写法让浏览器达到一致的渲染效果
    • 关于Firefox下截取后省略号的问题
    • meta http-equiv="X-UA-Compatible" content="IE=7" 意思是将IE8用IE7进行渲染
    • 网站模板制作中的详情页面的设计方法(图文教程)
    • 针对firefox ie6 ie7 ie8的css样式hack
    • IE7下在DD DT中插入a元素结果列表显示逐级向左
    • FLASH遮挡DIV浮动层解决方案兼容IE FF Chrome

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有