Qu'est-ce que WebKit et en quoi est-il lié aux SSC?

plus récemment, j'ai vu des questions avec le tag"webkit". De telles questions ont généralement tendance à être des questions basées sur le web concernant CSS, jQuery, layouts, cross-browers questions de compatibilité, etc...

alors, qu'est-ce que ce" webkit " et quel est son lien avec CSS? J'ai aussi remarqué beaucoup de propriétés -webkit-... dans le code source de divers sites web. Sont ces deux?

mise à Jour

donc des réponses ainsi loin... WebKit est un moteur de rendu de navigateur Web HTML/CSS pour Safari/Chrome. Existe-t-il de tels moteurs pour IE/Opera/Firefox et quelles sont les différences, les avantages et les inconvénients d'utiliser L'un par rapport à l'autre? Puis-je utiliser les fonctionnalités de WebKit dans Firefox par exemple?

la question ultime... WebKit est-il pris en charge par IE?

Update 2

tous les principaux navigateurs utilisent des moteurs de rendu différents. Je suppose que c'est une grande raison pour laquelle il ya tant problèmes de compatibilité entre navigateurs!

Si, Est-ce qu'il y a une sorte de projet ou de mouvement vers un moteur de rendu standard que tous les navigateurs utiliseront? HTML5 mettra-t-il fin aux problèmes de compatibilité entre navigateurs?

201
demandé sur Mowzer 2010-08-12 17:30:45

14 réponses

mise à jour: donc apparemment, WebKit est un moteur de rendu de navigateur Web HTML/CSS pour Safari/Chrome. Existe-t-il de tels moteurs pour IE/Opera/Firefox et quelles sont les différences, les avantages et les inconvénients d'utiliser L'un par rapport à l'autre? Puis-je utiliser les fonctionnalités de WebKit dans Firefox par exemple?

chaque navigateur est soutenu par un moteur de rendu pour dessiner la page Web HTML/CSS.

  • IE → Trident (discontinué)
  • Edge → EdgeHTML (fourche de nettoyage de Trident)
  • Firefox → Gecko
  • Opera → Presto (n'utilise plus Presto depuis février 2013, considèrent Opera = Chrome de nos jours)
  • Safari → WebKit
  • Chrome → Blink (une fourchette de WebKit).

voir comparaison des moteurs de navigateur web pour une liste de comparaisons dans différents domaines.

la question ultime... WebKit est-il pris en charge par IE?

pas nativement.

122
répondu kennytm 2016-12-10 04:35:41

ajout à quoi @KennyTM dit:

1) le 12 février 2013 Opera (version 15+) annonce ils s'éloignent de leur propre moteur Presto à WebKit nommé Blink .

2) le 3 avril 2013 Google (Chrome version 28+) annonce ils vont utiliser le moteur WebKit Blink .

76
répondu jerone 2017-09-02 04:00:04

Webkit est un moteur de rendu de navigateur web utilisé par Safari et Chrome (entre autres, mais ce sont les populaires).

le préfixe -webkit sur les sélecteurs CSS sont des propriétés que seulement ce moteur est destiné à traiter, très similaire aux propriétés -moz . Beaucoup d'entre nous espèrent que cela disparaîtra, par exemple -webkit-border-radius sera remplacé par la norme border-radius et vous n'aurez pas besoin de plusieurs règles pour le même chose pour plusieurs navigateurs. C'est en fait le résultat de fonctionnalités "pré-spécification" qui sont destinées à ne pas interférer avec la version standard quand il vient à propos.

pour votre mise à jour: ...Non il n'est pas lié à IE vraiment, C'est à dire au moins avant 9 utilise un moteur de rendu différent appelé Trident .

30
répondu Nick Craver 2015-10-05 08:05:35

cela a été répondu et accepté, mais si quelqu'un se demande encore pourquoi les choses sont un peu dérangées aujourd'hui, vous aurez à lire ceci:

http://webaim.org/blog/user-agent-string-history /

il donne une bonne idée de la façon dont gecko, webkit et d'autres moteurs de rendu importants ont évolué et ce qui a conduit à l'état actuel de chaînes utilisateur-agent foiré.

citant le dernier paragraphe pour TL; DR objet:

et puis Google a construit Chrome, et Chrome utilisé Webkit, et c'était comme Safari, et voulait des pages construites pour Safari, et donc prétendu être Safari. Et ainsi Chrome a utilisé WebKit, et a prétendu être Safari, et WebKit a prétendu être KHTML, et KHTML a prétendu être Gecko, et tous les navigateurs ont prétendu être Mozilla, et Chrome s'est appelé Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13 , et la chaîne de l'agent utilisateur était un désordre complet, et presque inutile, et tout le monde a prétendu être tout le monde, et la confusion abondait.

28
répondu CodeExpress 2016-09-04 02:23:13

la question ultime... WebKit est-il pris en charge par IE?

en quelque sorte. Check out Chrome Frame 151980920", c'est un plugin pour Internet Explorer qui lui fait utiliser le moteur Webkit. La seule bizarrerie est que vous devez convaincre vos visiteurs d'installer le plugin.

mise à Jour

Chrome Frame n'est plus maintenu ou pris en charge...

6
répondu edgerunner 2018-06-27 11:09:17

WebKit est un moteur de mise en page conçu pour permettre aux navigateurs Web de rendre web page. Le moteur WebKit fournit ensemble de classes pour afficher le contenu web dans windows, et met en œuvre navigateur des fonctionnalités telles que les liens suivants lorsque cliqué par l'utilisateur, la gestion d'un d'avant en arrière de la liste, et la gestion d'un historique des pages récemment visitées.

WebKit a été créé à l'origine comme un fourche de KHTML comme moteur de mise en page pour Apple Safari; il est portable pour plusieurs autres plateformes informatiques. Il est également utilisé dans le navigateur GoogleChrome.

WebCore de WebKit et JavaScriptCore les composants sont disponibles sous GNU Une Licence Publique Générale de moindre importance, et le reste de WebKit est disponible sous Licence de style BSD.

Source Wikipedia

pour plus d'informations sur les moteurs de mise en page, vous pouvez consulter ici

5
répondu Sotiris 2010-08-12 13:40:42

Webkit est un moteur de rendu HTML utilisé par Chrome et Safari.

il supporte un certain nombre de propriétés CSS personnalisées qui sont préfixées par -webkit- .

4
répondu SLaks 2010-08-12 13:32:30

Webkit est le moteur de rendu utilisé dans les navigateurs populaires Safari et Chrome, ainsi que d'autres.

3
répondu recursive 2010-08-12 13:32:45

Webkit est le moteur de rendu html/css utilisé dans le navigateur Safari D'Apple et dans GoogleChrome. les préfixes des valeurs css avec-webkit sont spécifiques à webkit, ils sont généralement CSS3 ou d'autres fonctionnalités non standardisées.

pour répondre à la mise à jour 2 w3c est le corps qui essaie de standardiser ces choses, ils écrivent les règles, puis les programmeurs écrivent leur moteur de rendu pour interpréter ces règles. Donc, en gros, w3c dit que les DIVs devraient fonctionner "de cette façon" que l'auteur-moteur utilise ensuite cette règle pour écrire leur code, tout bug ou mauvaise interprétation des règles provoque des problèmes de compatibilité.

3
répondu JKirchartz 2010-08-12 14:00:28

un problème courant que j'ai rencontré en tant que concepteur de site web est que beaucoup de gens utilisent IE6+. Pas grand chose habituellement, sauf dans CSS je dois ajouter la syntaxe de rendu multiple ' pour analyser chaque demande, par navigateur. Ce serait très agréable s'il y avait une configuration de rendu universelle pour CSS QU'IE peut lire aussi facilement que Chrome/FF/Opera et webkit. Le problème avec IE est que si je n'utilise pas tous les styles css appropriés et le rendu, que mes sites Web regarder et travailler grand en utilisant chaque navigateur sauf IE. Cela peut rendre un client infortuné, dur IE.

exemple: disons que j'ai besoin d'une bordure 1px, grise avec un rayon de bordure de 10%. Pour Chrome et d'autres, j'utilise la propriété webkit. Maintenant, pour IE, je dois ajouter des styles css séparés en utilisant les anciennes valeurs CSS simples de "border: 1px solid #E5E5E5 "et"border-radius: 10%". Un résultat positif n'est pas toujours garanti sur toutes les versions de navigateur IE, mais pour la plupart cette méthode fonctionne très bien pour moi et beaucoup d'autres.

3
répondu AJADMIN.COM 2013-11-14 22:35:02

- webkit-est simplement un groupe dans lequel les navigateurs Chrome, Safari, Opera et iOS s'insèrent. Ils ont tous un ancêtre commun, donc souvent leurs capacités/limites (quand il s'agit d'exécuter CSS et Javascript) sont confinées au groupe.

un développeur placera-webkit - suivi d'un certain code, ce qui signifie que le code ne fonctionnera que sur les navigateurs Chrome, Safari, Opera et iOS. Voici une liste complète:

- webkit - (Chrome, Safari, nouvelles versions de Opera, presque tous les navigateurs iOS( y compris Firefox pour iOS); essentiellement, tout navigateur WebKit) - moz - (Firefox) -O - (Vieux, pré-WebKit, versions D'Opera) - ms - (Internet Explorer et Microsoft Edge)

3
répondu Tycholiz 2018-07-22 05:10:15

bien qu'il s'agisse d'un post plus ancien, il existe aussi une autre méthode de rendu pour les versions plus anciennes D'Internet Explorer. - webkit tout en étant un préfixe CSS vendeur, vous pouvez également télécharger quelques applications JS et les placer dans le bas de la tête du HTML.

essayez D'utiliser Modernizr, HTML5 Shiv et répondre.js. Ce sont des scripts compatibles IE compatibles polyfill qui utilisent polyfills, et d'autres ressources qui aideront à mieux rendre les éléments HTML5 dans IE9 et en dessous.

pour utiliser ces polyfills, il suffit d'ajouter la logique booléenne HTML pour les placer, si le navigateur est inférieur à la version désirée IE. Exemple de code:

<head>
<!-- HEAD Elements -->  
<script src="path/to/modernizr.js" type="text/javascript"></script>
<!--[if lt IE 6]>
  <script src="path/to/HTMLSiv.js" type="text/javascript">
  </script>
  <script src="path/to/respond.js" type="text/javascript">
  </script>
<![endif]-->
</head>
2
répondu CoyoteCMS 2015-03-14 21:14:05

une bonne documentation sur WebEngines en particulier webKit et ses développeurs, vous pouvez lire à: WebKit

0
répondu Hamid FzM 2013-12-13 12:41:40

Webkit est le moteur de rendu utilisé dans les navigateurs populaires Safari et Chrome, ainsi que d'autres Chaque navigateur est soutenu par un moteur de rendu pour dessiner la page Web HTML/CSS.

IE → Trident (discontinué)) Bord → EdgeHTML (fourche de nettoyage de Trident) Firefox → Gecko Opera → Presto (N'utilise plus Presto depuis février 2013, considérez Opera = Chrome de nos jours) Safari → WebKit Chrome → clignotement (une fourchette de WebKit).

0
répondu Nabeel khan 2018-02-23 10:06:10