ブラウザカーネル情報のソート

Mar 25, 2017 am 11:06 AM
カーネル ブラウザ

21 世紀では、ブラウザーの多様性はあなたを驚かせるのに十分です。ページ互換性テストを行う場合、多数のブラウザーに直面して Web ページをどのようにデバッグすればよいでしょうか?実際、ブラウザの核心を理解していれば、頭を悩ませることはありません。コアの数はそれほど多くないため、一般的なコアの種類は Trident、Gecko、WebKit、Presto の 4 種類に分類できます。

多数のブラウザについて言えば、{シェル + さまざまなブラウザのカーネル = ブラウザ} です。シェルとは、ユーザーが操作できるブラウザ インターフェイス上のメニューやツールバーを指します。そしてそれらはすべてカーネルを呼び出してさまざまな機能を実装します。カーネルがブラウザの中核であることがわかります。したがって、ブラウザのコア エンジンが何であるかを理解していれば、行き詰まりを感じることなく互換性テストを実行できます。

ブラウザのコアは、レンダリング エンジンと JS エンジンに分けられます。

レンダリング エンジン: レイアウト エンジニアまたはレンダリング エンジン。ページ コンテンツ、つまり Web サイトへのアクセスの解析とレンダリングを担当します。空白のページからページへ 読み込みが完了し、ページは単純なレイアウトから完全なレイアウトへのプロセスを経ました。ページのタグを解析し、CSS をロードし、ページがどのように表示されるかを計算します。これは、さまざまなブラウザー コアがあり、Web ページの語彙解析も異なるため、表示に違いがあり、これがフロントエンド開発にとって頭の痛い互換性の問題であるということを理解しています。

js エンジン: ページ スクリプト (JavaScript) 言語を解析して、ページ上でいくつかの動的な効果を実現します。

4 つのカーネルの紹介:

1. Trident: Microsoft によって開発されたエンジンであり、他の多くのブラウザーもこれをカーネルとして使用します。 Microsoft IE は常にリーダーであり、独自開発された部分が多く、W3C 標準のサポートはそれほど良好ではありません。多くのバグがあり、最初は更新がほとんどなかったため、ie5+、ie6、その他の邪悪なブラウザーが存在し、フロントエンド開発の経験がほとんどない多くの学生がそれを軽蔑しました。はい、ie8+ から、ie は再び徐々に強力になり、ie10 を楽しみにしています...

2. Gecko: C++ で書かれたオープンソースのレンダリング エンジンで、強力な機能と豊富な機能を備え、多くの複雑な Web をサポートできます。ページ効果とブラウジング サーバー拡張インターフェース、FireFox が代表的で、w3c 標準を十分にサポートしており、開発とデバッグに非常に強力ですが、起動速度はあまり速くありません。

3 に基づいて Apple によって開発されました。 、Web ページを比較的高速に解析し、Presto よりも優れているのは This のみですが、耐障害性が比較的低く、標準以外の Web ページは正常に表示できません。コア開発に使用する代表的なブラウザは Safari と Chrome です。

4. Presto: Opera Software によって開始され、最速のレンダリング エンジンとして認識されています。 JS スクリプトなどのスクリプト言語を処理する場合、他のカーネルよりも約 3 倍高速になりますが、速度にいくつかの問題もあります。つまり、一部の Web ページの互換性が失われます。ブラウザについてある程度理解していることは、将来役立つでしょう。ブラウザの互換性の問題を解決することが役立つはずです。カーネルが異なればレンダリング エンジンも異なり、ページの解析も異なります。これがページの違いの理由です。しかし、合理化された HTML 構造を使用し、レイアウト時に CSS を合理的に使用するようにすると、互換性の問題を大幅に軽減し、開発効率を向上させることができます。

関連記事:

主流のブラウザカーネルとJSエンジン

ブラウザカーネルの概要

php ブラウザカーネルのバージョンを取得する

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Webページにローカルにインストールされている「Jingnan Mai Round Body」を正しく表示するにはどうすればよいですか? Webページにローカルにインストールされている「Jingnan Mai Round Body」を正しく表示するにはどうすればよいですか? Apr 05, 2025 pm 10:33 PM

最近、Webページにローカルにインストールされたフォントファイルを使用して、インターネットから無料のフォントをダウンロードし、システムに正常にインストールしました。今...

JavaScriptまたはCSSを介してブラウザ印刷設定でページの上部と終了を制御する方法は? JavaScriptまたはCSSを介してブラウザ印刷設定でページの上部と終了を制御する方法は? Apr 05, 2025 pm 10:39 PM

JavaScriptまたはCSSを使用して、ブラウザの印刷設定のページの上部と端を制御する方法。ブラウザの印刷設定には、ディスプレイが...

ネガティブマージンが場合によっては効果がないのはなぜですか?この問題を解決する方法は? ネガティブマージンが場合によっては効果がないのはなぜですか?この問題を解決する方法は? Apr 05, 2025 pm 10:18 PM

なぜマイナスマージンが場合によっては有効にならないのですか?プログラミング中、CSSの負のマージン(負...

Webページにローカルにインストールされたフォントファイルを使用する方法は? Webページにローカルにインストールされたフォントファイルを使用する方法は? Apr 05, 2025 pm 10:57 PM

Webページにローカルにインストールされたフォントファイルを使用する方法Webページ開発でこの状況に遭遇しましたか:コンピューターにフォントをインストールしました...

フレックスレイアウトの下のテキストは省略されていますが、コンテナは開かれていますか?それを解決する方法は? フレックスレイアウトの下のテキストは省略されていますが、コンテナは開かれていますか?それを解決する方法は? Apr 05, 2025 pm 11:00 PM

フレックスレイアウトとソリューションの下でのテキストの過度の省略によるコンテナの開口部の問題が使用されます...

CSSで要素を回転させることにより、水平オプションの水平スクロール効果を実現する方法は? CSSで要素を回転させることにより、水平オプションの水平スクロール効果を実現する方法は? Apr 05, 2025 pm 10:51 PM

CSSにおける水平オプションの水平スクロール効果を実現する方法は?最新のWebデザインでは、水平方向のタブのような効果を実現し、マウスをサポートする方法...

適応設計でREMユニットを調整して、高さの問題を解決する方法は? 適応設計でREMユニットを調整して、高さの問題を解決する方法は? Apr 05, 2025 pm 11:03 PM

適応設計の高さ調整の問題を解決する方法は?適応設計では、高さの調整はしばしば困難な問題です。特に同様に対処するとき...

See all articles