HTMLとCSSを使ったWEBサイトの実践的な作り方を紹介。

主要なブラウザ一覧

      2019/04/10   hatano

主要なブラウザ

WEBサイト制作では、主要なブラウザを知っておく必要があります。その理由はブラウザごとにHTMLやCSSの表示結果が異なる場合があるからです。
特に一般ユーザーの使用率がまだまだ高いInternt Explorerは注意が必要です。
サイト制作の現場では、クロスブラウザチェックという複数のブラウザで表示確認を行う作業があります。
WindowsのPCサイトのチェックは、Internt Explorer、Google Chrome、FireFirefox。
MacのPCサイトのチェックは、Safari、Google Chrome、FireFirefox。
モバイルサイトの場合はiOSのSafari、AndroidのGoogle Chrome、Android Browserでチェックすると良いでしょう。

Internet Explorer Internt Explorer(インターネットエクスプローラー)
メーカー Microsoft(マイクロソフト)
実行環境 Windows
レンダリングエンジン Trident(トライデント)
JavaScriptエンジン Chakra(JScript)
特徴 IEとも呼ばれ、Windows10以前のOSで標準インストールされていました。日本では最も普及しているブラウザです。モバイル版はありません。他のブラウザと違い、異なるバージョンが今でも使用されています。
最終版は11でこれ以降のバージョンアップはありません。サポートも順次終了します。下記はサポート終了時期です。
Internet Explorer8(Windows Xp) サポート終了
Internet Explorer9(Windows Vista) サポート終了
Internet Explorer10(Windows8) サポート終了
Internet Explorer11(Windows7) サポート終了
Internet Explorer11(Windows8.1) 2023/01/11
Internet Explorer11(Windows10) 2025/10/15
chrome Google Chrome(グーグル クローム)
メーカー Google(グーグル)
実行環境 Windows, Mac, iOS, Android
レンダリングエンジン Blink(ブリンク)
JavaScriptエンジン Google V8 JavaScript Engine
特徴 検索サイトのグーグルが開発したブラウザです。日本で最もシェアが多いブラウザです。モバイル版もありますが、PCとCSSの実装状況が異なるので注意してください。
safari Safari (サファリ)
メーカー Apple(アップル)
実行環境 Mac, iOS
レンダリングエンジン webkit(ウェブキット)
JavaScriptエンジン Nitro
特徴 Macを開発しているApple社のブラウザです。Macでは、標準でインストールされています。日本のモバイルブラウザでは、最もシェアが高いブラウザです。モバイル版はPCとCSSの実装状況が異なるので注意してください。
Firefox Firefox(ファイヤーフォックス)
メーカー Mozilla(モジラ)
実行環境 Windows, Mac, iOS, Android
レンダリングエンジン Gecko(ゲッコー)
※iOS版は、webkit
JavaScriptエンジン SpiderMonkey
特徴 最近はシェアが少なくなりましたが、今でも愛用しているユーザーが多くいるブラウザです。モバイル版もありますがシェアは少ない状況です。
edge Microsoft Edge(マイクロソフト エッジ)
メーカー Microsoft(マイクロソフト)
実行環境 Windows, iOS, Android
レンダリングエンジン EdgeHTML
※iOS版は、webkit
※Android版は、Blink
JavaScriptエンジン Chakra
特徴 Windows10から標準ブラウザとしてインストールされています。まだまだシェアが少なく、仕様も頻繁に変わりますが、今後の動向が気になるブラウザです。
※2018年末、Chromeと同じレンダリングエンジンに移行が発表されました。2019年中に変更予定です。

各ブラウザのデフォルトCSSと更新情報

ブラウザには、デフォルトのCSS(User Agent Stylesheet)が内包されています。自身でCSSを指定しなくても、テキストのサイズが違ったり行の間隔が違うのも、デフォルトCSSのためです。ここでは、主要なブラウザのデフォルトCSSが公開されているサイトと機能の更新情報のサイトを紹介します。

Internet Explorer

Google Chrome

Safari

Firefox

Microsoft Edge