340

最近、「webkit」というタグの付いた質問をよく見かけます。このような質問は通常、CSS、jQuery、レイアウト、ブラウザー間の互換性の問題などに関する Web ベースの質問になる傾向があります。

では、この「webkit」とは何で、CSS とどのように関係しているのでしょうか? -webkit-...また、さまざまな Web サイトのソース コードに多くのプロパティがあることにも気付きました。これら2つは関連していますか？

アップデート

これまでの回答から... WebKit は、Safari/Chrome 用の HTML/CSS Web ブラウザー レンダリング エンジンです。IE/Opera/Firefox 用のそのようなエンジンはありますか? また、それらを使用することの違い、長所と短所は何ですか? たとえば、Firefox で WebKit 機能を使用できますか?

究極の質問... WebKit は IE でサポートされていますか?

更新 2

主要なブラウザはすべて、異なるレンダリング エンジンを使用しています。これが、ブラウザー間の互換性の問題が非常に多い大きな理由だと思います。

では、すべてのブラウザが使用する標準レンダリング エンジンへの何らかのプロジェクトや動きはありますか? HTML5 はブラウザー間の互換性の問題に終止符を打ちますか?

4

14 に答える 14

221

更新: どうやら、WebKit は Safari/Chrome 用の HTML/CSS Web ブラウザー レンダリング エンジンです。IE/Opera/Firefox 用のそのようなエンジンはありますか? また、それらを使用することの違い、長所と短所は何ですか? たとえば、Firefox で WebKit 機能を使用できますか?

すべてのブラウザーは、HTML/CSS Web ページを描画するためのレンダリング エンジンに支えられています。

  • IE →トライデント（製造中止）
  • エッジ →EdgeHTML (Trident のクリーンアップ フォーク)(Edgeは 2019 年にBlinkに切り替えました)
  • Firefox →ヤモリ
  • オペラ →プレスト(2013 年 2 月以降、Presto は使用されていません。Opera = Chrome と考えてください。したがって、現在はBlinkです)
  • Safari → WebKit
  • Chrome → Blink ( Webkitのフォーク)。

さまざまな分野での比較のリストについては、Web ブラウザー エンジンの比較を参照してください。

究極の質問... WebKit は IE でサポートされていますか?

ネイティブではありません。

于 2010-08-12T13:38:39.757 に答える
145

@KennyTMが言ったことへの追加：

  • IE
  • 角
  • ファイアフォックス
    • エンジン:ヤモリ
    • CSS プレフィックス:-moz
  • オペラ
  • サファリ
    • エンジン: WebKit
    • CSS プレフィックス:-webkit
  • クロム
    • エンジン: WebKit → Blink 2
    • CSS プレフィックス:-webkit

1) 2013 年 2 月 12 日、Opera (バージョン 15+)は、独自のエンジン Presto からBlinkという名前の WebKit に移行することを発表しました。

2) 2013 年 4 月 3 日、Google (Chrome バージョン 28 以降)は、WebKit ベースのBlinkエンジンを使用すると発表しました。

3) 2018 年 12 月 6 日、Microsoft (Microsoft Edge 79+ 安定版)は、WebKit ベースのBlinkエンジンを使用する予定であることを発表しました。

于 2010-08-12T13:46:02.750 に答える
44

Webkit は、Safari および Chrome で使用される Web ブラウザ レンダリング エンジンです (特に、これらは一般的なものです)。

CSS セレクターの-webkitプレフィックスは、このエンジンのみが処理することを意図したプロパティであり、プロパティと非常によく似てい-mozます。私たちの多くは、これがなくなることを望んでいます。たとえば-webkit-border-radius、標準に置き換えられ、複数のブラウザーで同じborder-radiusことに対して複数のルールが必要なくなるなどです。これは実際には、標準バージョンが登場したときに干渉しないことを意図した「事前仕様」機能の結果です。

あなたの更新のために： ...いいえ、実際にはIEとは関係ありません。少なくとも9より前のIEは、Tridentと呼ばれる別のレンダリングエンジンを使用しています。

于 2010-08-12T13:32:49.503 に答える
38

これは回答済みで受け入れられていますが、今日の状況がなぜ少し混乱しているのか疑問に思っている人がいれば、これを読む必要があります。

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

これは、gecko、webkit、およびその他の主要なレンダリング エンジンがどのように進化したか、および混乱したユーザー エージェント文字列の現在の状態に至った原因についての良いアイデアを提供します。

TL;DR の目的で最後の段落を引用します。

その後、Google が Chrome を構築し、Chrome は Webkit を使用しました。これは Safari のようなもので、Safari 用に構築されたページが必要で、Safari のふりをしていました。したがって、Chrome は WebKit を使用し、Safari のふりをし、WebKit は KHTML のふりをし、KHTML は Gecko のふりをし、すべてのブラウザーは Mozilla のふりをし、Chrome は自分自身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を呼び出し、ユーザー エージェント文字列は完全に混乱していました。ほとんど役に立たず、誰もが他人のふりをして、混乱がたくさんありました.

于 2012-09-20T19:28:35.763 に答える
9

究極の質問... WebKit は IE でサポートされていますか?

すこし。Chrome Frameを確認してください。これは、Webkit エンジンを使用する Internet Explorer 用のプラグインです。唯一の癖は、訪問者にプラグインをインストールするよう説得する必要があることです。

アップデート

Chrome Frame はメンテナンスまたはサポートされなくなりました…</p>

于 2010-09-20T22:28:09.267 に答える
8

WebKit は、Web ブラウザーが Web ページをレンダリングできるように設計されたレイアウト エンジンです。WebKit エンジンは、ウィンドウに Web コンテンツを表示するための一連のクラスを提供し、ユーザーがクリックしたときにリンクをたどる、戻る転送リストを管理する、最近アクセスしたページの履歴を管理するなどのブラウザー機能を実装します。

WebKit はもともと、Apple の Safari のレイアウト エンジンである KHTML のフォークとして作成されました。他の多くのコンピューティング プラットフォームに移植できます。Google の Chrome ブラウザでも使用されています。

WebKit の WebCore および JavaScriptCore コンポーネントは GNU Lesser General Public License の下で利用でき、残りの WebKit は BSD スタイルのライセンスの下で利用できます。

ソースウィキペディア

レイアウト エンジンの詳細については、こちらを参照してください。

于 2010-08-12T13:33:42.393 に答える
7

Webkit は、Chrome と Safari で使用される HTML レンダリング エンジンです。

接頭辞が付いた多数のカスタム CSS プロパティをサポートしています-webkit-。

于 2010-08-12T13:32:30.023 に答える
6

Webkit は、Apple の Safari ブラウザと Google の Chrome で使用される html/css レンダリング エンジンです。-webkit- が付いた css 値のプレフィックスは Webkit 固有のものであり、通常は CSS3 またはその他の標準化されていない機能です。

更新 2 に答えるために w3c は、これらの標準化を試みる団体です。彼らはルールを作成し、プログラマーはそれらのルールを解釈するレンダリング エンジンを作成します。したがって、基本的にw3cは、DIVは「このように」動作する必要があると述べており、エンジンライターはそのルールを使用してコードを記述します。ルールのバグや誤解は互換性の問題を引き起こします。

于 2010-08-12T13:33:25.993 に答える
5

Webkit は、人気のあるブラウザー Safari や Chrome などで使用されているレンダリング エンジンです。

于 2010-08-12T13:32:45.123 に答える
4

私が Web サイト デザイナーとして遭遇した共通の問題は、多くの人が IE6+ を使用していることです。CSS を除いて、通常は大したことではありませんが、ブラウザごとに各リクエストを解析するために複数のレンダリング構文を追加する必要があります。IE が Chrome/FF/Opera や Webkit と同じくらい簡単に読める CSS のユニバーサル レンダリング設定があれば、とてもいいと思います。IE の問題は、すべての適切な CSS スタイルとレンダリングを使用しないと、IE 以外のすべてのブラウザーを使用して Web サイトの外観と動作がうまくいかないことです。これは、IE の熱烈な顧客を不幸にする可能性があります。

例は次のとおりです。border-radius が 10% の 1px の灰色の境界線が必要だとします。Chrome などでは、webkit プロパティを使用します。ここで、IE の場合、「border: 1px solid #E5E5E5」と「border-radius: 10%」という単純な古い CSS 値を使用して、個別の CSS スタイルを追加する必要があります。IE ブラウザのすべてのバージョンで常に良い結果が得られるとは限りませんが、ほとんどの場合、この方法は私や他の多くの人にとって問題なく機能します。

于 2013-11-14T22:29:58.437 に答える
1

WebEngines特に、およびその開発者に関する優れたドキュメントは、 WebKitwebKitで読むことができます。

于 2013-12-13T12:41:40.150 に答える