什么是WebKit?它与CSS有什么关系?

什么是WebKit?它与CSS有什么关系?,css,webkit,cross-browser,rendering-engine,Css,Webkit,Cross Browser,Rendering Engine,最近,我看到了标签为“webkit”的问题。此类问题通常是基于web的问题,涉及CSS、jQuery、布局、跨浏览器兼容性问题等 那么这个“webkit”是什么,它与CSS有什么关系呢?我还注意到各种网站的源代码中有许多-webkit-…属性。这两者有关系吗 更新 从目前的答案来看。。。WebKit是用于Safari/Chrome的HTML/CSS web浏览器呈现引擎。IE/Opera/Firefox有这样的引擎吗?使用其中一个引擎与使用另一个引擎有什么区别、优点和缺点?例如,我可以在Fire

最近,我看到了标签为“webkit”的问题。此类问题通常是基于web的问题,涉及CSS、jQuery、布局、跨浏览器兼容性问题等

那么这个“webkit”是什么,它与CSS有什么关系呢?我还注意到各种网站的源代码中有许多
-webkit-…
属性。这两者有关系吗

更新 从目前的答案来看。。。WebKit是用于Safari/Chrome的HTML/CSS web浏览器呈现引擎。IE/Opera/Firefox有这样的引擎吗?使用其中一个引擎与使用另一个引擎有什么区别、优点和缺点?例如,我可以在Firefox中使用WebKit功能吗

最终的问题是。。。WebKit是否受IE支持

更新2 所有主流浏览器都使用不同的渲染引擎。我想这就是为什么有这么多跨浏览器兼容性问题的一个重要原因


那么,是否有某种项目或移动到所有浏览器都将使用的标准渲染引擎?HTML5会结束跨浏览器兼容性问题吗?

Webkit是Chrome和Safari使用的HTML呈现引擎


它支持许多以
-webkit-

为前缀的自定义CSS属性。webkit是流行浏览器Safari和Chrome以及其他浏览器中使用的渲染引擎。

webkit是Safari和Chrome使用的web浏览器渲染引擎(除其他外,这些都是流行的)

CSS选择器上的
-webkit
前缀是仅此引擎要处理的属性,与
-moz
属性非常相似。我们中的许多人都希望这种情况消失,例如,
-webkit border radius
将被标准的
border radius
所取代,并且对于多个浏览器,您不需要为同一事物使用多个规则。这实际上是“预规范”特性的结果,这些特性旨在在标准版本出现时不干扰标准版本


对于您的更新:……不,它与IE无关,IE至少在9之前使用了一种不同的渲染引擎,称为。

Webkit是苹果Safari浏览器和谷歌Chrome浏览器中使用的html/css渲染引擎。 带有-webkit-前缀的css值是特定于webkit的,它们通常是CSS3或其他非标准化功能

回答更新2 w3c是试图标准化这些东西的机构,他们编写规则,然后程序员编写渲染引擎来解释这些规则。因此,基本上w3c说DIV应该“以这种方式”工作。引擎编写器然后使用该规则编写代码,任何错误或对规则的错误解释都会导致兼容性问题

WebKit是一个布局引擎,旨在 允许web浏览器渲染web 页。WebKit引擎提供了一个 显示web内容的类集 在windows中,并实现浏览器 功能,如以下链接 由用户单击,管理 向后转发列表,并管理 最近访问的页面的历史记录

WebKit最初是作为 KHTML的fork作为 苹果的狩猎;它可移植到许多人 其他计算平台。也是 在谷歌的Chrome浏览器中使用

WebKit的WebCore和JavaScriptCore 组件在GNU下可用 较低的通用公共许可证,以及 WebKit的其余部分在 BSD样式许可证

来源

有关布局引擎的更多信息,请参见

更新:显然,WebKit是Safari/Chrome的HTML/CSS web浏览器呈现引擎。IE/Opera/Firefox有这样的引擎吗?使用其中一个引擎与使用另一个引擎有什么区别、优点和缺点?例如,我可以在Firefox中使用WebKit功能吗

每个浏览器都有一个渲染引擎来绘制HTML/CSS网页

  • 即→ (停刊)
  • 边缘→ (三叉戟的清理叉)(2019年Edge切换到)
  • 火狐→
  • 歌剧院→ (自FEB 2013以来不再使用Presto,因此考虑Opera=Chrome,因此现在)
  • 狩猎→
  • 铬→ (叉子)
有关不同区域的比较列表,请参阅

最终的问题是。。。WebKit是否受IE支持

不是天生的。

除了所说的:

  • IE
    • 发动机:
    • CSS前缀:
      -ms
  • 边缘
    • 发动机:→ 三,
    • CSS前缀:
      -ms
  • Firefox
    • 发动机:
    • CSS前缀:
      -moz
  • 歌剧
    • 发动机:→ 一,
    • CSS前缀:
      -o
      (Presto)和
      -webkit
      (Blink)
  • Safari
    • 发动机:
    • CSS前缀:
      -webkit
  • Chrome
    • 发动机:→ 二,
    • CSS前缀:
      -webkit
1) 2013年2月12日,Opera(版本15+)从自己的引擎Presto转移到名为的WebKit

2) 2013年4月3日,谷歌(Chrome版本28+)将使用基于WebKit的引擎

3) 2018年12月6日,微软(Microsoft Edge 79+稳定版)将使用基于WebKit的引擎

最终的问题是。。。WebKit是否受IE支持

有点。请查看,这是一个用于Internet Explorer的插件,它使用Webkit引擎。唯一的怪癖是你必须说服访问者安装插件

更新
Chrome框架不再得到维护或支持…

这已经得到了回答和接受,但如果有人仍然想知道为什么今天事情有点混乱,你必须阅读以下内容:

它提供了gecko、webkit和其他主要渲染引擎是如何演变的,以及是什么导致了我们目前的混乱状态