まず、問題とその理由
フロントエンドWeb開発者の友人の製造においては、多くの場合、発生した問題：、異なるブラウザ上で実行するために同じフロントエンドのコードを効果のうち表示異なっています。
この問題が発生理由は異なる別のブラウザカーネル、異なるブラウザで結果のページを解決するためのいくつかの違いがありますされています。この問題は、多くの場合、業界で呼ばれる：ブラウザの互換性の問題を。
第二に、ブラウザのカーネル
ブラウザカーネルの簡単な説明
完全なブラウザがカーネルシェルブラウザとブラウザ（シェル）が含まれています。レンダリングエンジン（レイアウトエンジン、またはレンダリングエンジン）とJSエンジン：ブラウザカーネルは二つの部分に分けることができます。JSエンジンより多くの独立したので、カーネルは、レンダリングエンジンのみを参照する傾向があります。
第三に、ブラウザの構成
ブラウザは一般的に7つのモジュール、ユーザーインターフェイス（UI）、ブラウザエンジン（ブラウザエンジン）、レンダリングエンジン（レンダリングエンジン）、ネットワーク（ネットワーク）は、JavaScript Interprete（JS通訳）、UIバックエンド（UIバックエンドで構成されてい）、日付の永続性（永続的なデータストレージ）
1.ユーザインタフェース（ユーザインタフェース） -窓の外の他の部分に加えて、ページが表示されますを参照してください-あなたは、あること、などのアドレスバー、戻る/進むボタン、ブックマークディレクトリを含め
2.ブラウザエンジン（ブラウザエンジン） -もブラウザカーネルは言いました。コマンドは、クライアントまたはローカルキャッシュにデータを読み書きするためのユーザインタフェースとレンダリングエンジンとの間で送信されてもよく、それはブラウザが各コア部との間に互いに通信される
3レンダリング・エンジン（レンダリングエンジン） - CSS規則及び文書を解析DOMブラウザスタイルのインターフェイスへのレイアウトやコンテンツが表示され、それはまた、レイアウトエンジンを知られていた、私たちはしばしばあると言うブラウザカーネルは主にレンダリングエンジンを指します。
4.ネットワーク（ネットワーク） -モジュールのダウンロードコールまたはネットワークリソース完了するために使用
5.UI後端部（UIバックエンド） -に応じて、そのような入力ボックス、ボタン、ラジオボタン、等の基本的なブラウザ・ウィンドウ・コントロールを描画するために使用します視覚効果の異なるブラウザのレンダリングは異なりますが、機能は同じです。
6.JSインタプリタ（JavaScriptのInterprete） -もJSエンジンとして知られています。クロムV8エンジン、JavaScriptCoreにおけるように、モジュールの実装を説明するためのJSスクリプト
7.データストレージ（日持続性） -ブラウザのデータを格納するクッキー、のlocalStorageの様々な、などハードディスクには、API呼び出しのブラウザエンジンによって提供することができます。HTML5は、Webデータベース技術、完全な、軽量なクライアント側のストレージ技術を追加します。
主要部分の概略的なブラウザ：
- 1.ユーザーインターフェイス
- 2.（ウィンドウマネージャ、タブプロセス管理などを担当する）ブラウザエンジン
- 3.レンダリングエンジン（また、カーネルとして知られているが、HTMLを解析するための責任があり、ページのレンダリング）
- 4.JSエンジン（例えばクロムやNodejsとしてJSインタプリタは、V8を使用しました）
第四に、主流のブラウザカーネル（レンダリングエンジン）とJSエンジン
5大カーネルとブラウザ：
| レンダリングエンジン | ブラウザ |
| トライデントカーネル | IEブラウザを使用して、IEにも、多くの場合、カーネルと呼ばれています。また、ブラウザの使用は、トライデントコアを含む：I E6、IE7、IE8（トライデント4.0）、IE9（トライデント5.0）、IE10（トライデント6.0）。 360安全なブラウザ、ブラウザ360速度、Baiduのブラウザ（IE、IEおよびWebkitの3.xのデュアルコアなどのためaoyou 1.1、2.xのカーネル）、旅行ブラウザ（カーネルクローム+ IEを使用して）（以前）その他のブラウザ（最初IEコア2013採用クロム+ IEコア）、2345ブラウザ、TencentのTT、淘宝ブラウザ、および編集者がブラウザを読み取る、Sogouのブラウザ、Aクラウドブラウザ（以前のバージョン）の、窓、セキュアブラウザ、スリムブラウザ、GreenBrowser、アバントブラウザ（以前のバージョン12）、115のブラウザ、155ブラウザ、フラッシュツアーブラウザ、N二酸化炭素ブラウザ、UCブラウザを上昇（点滅カーネル+トライデントカーネル） 待ち |
| 注：ブラウザの新バージョンの上の部分は、カーネルがトライデント、そして一つの他のカーネルを追加している「デュアルコア」あるいは「コア」、です。一般的に「高速ブラウジングモード」と呼ばれる他のカーネルへの国内メーカー、トライデントは、「互換性のブラウジングモード」である一方で、ユーザーが前後に切り替えることができます。それは、クロスプラットフォームで使用することはできませんので、トライデントカーネルは、Windowsの以外の他のオペレーティングシステム上で使用することはできません。 | |
| Geckoのカーネル | MozillaのFirefoxを使用して、Firefoxはまた、カーネルと呼ばれます。加えて、ヤモリブラウザカーネルを使用して：Mozilla Firefoxの、MozillaのSeaMonkeyの、エピファニー （ 以前のバージョン）、フロック（以前のバージョン）、K-Meleonを |
| 注： Geckoは完全に開いたコード（を特徴とするオープンソースのカーネル）。だから、すべてのプログラマは、機能を追加するコードを記述することができます。そして、Geckoはあるクロスプラットフォームカーネル、でWindows、BSD、Linux、およびMac OS Xで使用することができます。 | |
| プレストカーネル | カーネルOperaブラウザ（Opera12.17とカーネルの以前のバージョン）の前にOperaは今Google Chromeの点滅カーネルを使用します。現時点では、オペラ座でのカーネルは開発を停止し、廃棄しました。プレストはオペラ、唯一NDSブラウザ、WiiInternet Channle、Nokia770 Webブラウザなどに加えて、商業用エンジンであります |
| 注：カーネルは最初の2003 Opera7で使用された、最適化されたエンジンの特性レンダリング速度が極端に達したが、互換性のページを犠牲にしています。 | |
| Webkitのコア | Safariブラウザカーネル、クロームプロトタイプカーネル、オープンソース。Google Chromeの、360高速ブラウザSogouのブラウザと高速モードは、カーネルなどのWebキットを使用しています（スクリプトを理解するという点で、Chromeは独自の研究とV8エンジンの開発を使用しています）。携帯電話上のWebキットのコアアプリケーションは、Googleの携帯電話採り上げ、AppleのiPhone、使用Nokiaのシリーズ60ブラウザなどのブラウザのコアエンジンとして、非常に広いもあり、ウェブキットに基づいています。 WebKitのコア一般的なブラウザ：旅行ブラウザ3は、AppleのSafari（Win / Mac版/ iPhone / iPadの）、Symbianのモバイルブラウザ、Androidの標準ブラウザ、 |
| 注：これは、Appleの独自のカーネルで、それが使用され、AppleのSafariブラウザです。マックOS XとSafariの使用に限定されるものでは広くばかりのMac OS X専用のブラウザではなく、市場の範囲に使用されるが、サファリ3、人気が電流上昇のWindows版を発売されていません。 | |
| ブリンクカーネル | Googleの最新のカーネル。また、クロム（28以降のバージョン）で、（15以降のバージョン）を使用し、Yandexのブラウザオペラ。 |
| 注：AppleはSafariのウェブキットのコアに使用し、オープンソースソフトウェアへの2005年のウェブキットオープン。Googleはその後、Chromeブラウザのコアを構築するために、Appleのウェブキットを使用しています。そして、Opera Softwareので点滅カーネルを開発します。2013年4月3日には、Googleはそれが元にクロムプロジェクトにおけるAppleのWebkitのブラウザ別れた通り、研究開発ブリンクレンダリングエンジン（つまり、ブラウザのコア）の中核を開くと述べ、クロムブログのブログで公開され、Chormeは、ブラウザに組み込まれています。 |
JSエンジン、およびブラウザ：
| ブラウザ | JSエンジン |
| IE | チャクラ |
| 縁 | チャクラ |
| Firefoxの | クモザル |
| クロム | V8（有名な） |
| サファリ | JavaScriptCoreにおける |
| オペラ | どのように |
