HTMLやCSSで書かれた「プログラム（コード）」を読み込み、私たちが普段見ている「Webサイト」の形に翻訳して表示するためのソフトです。Web制作の世界では、「ブラウザによって微妙に表示が異なる」という性質を知っておくことが欠かせません。
| ブラウザ名 | 開発元 | 特徴・制作時の視点 |
|---|---|---|
| Google Chromeエンジン: Chromium | 世界シェア1位。Web制作の標準環境。デベロッパーツール（検証機能）が非常に強力。 | |
| Microsoft Edgeエンジン: Chromium | Microsoft | Windowsの標準ブラウザ。中身はChromeと同じエンジンなので、表示もほぼ共通。 |
| Safariエンジン: WebKit | Apple | iPhone/Macの標準。独自の進化を遂げており、「Chromeでは動くがSafariでは崩れる」現象が起きやすい。 |
| Firefoxエンジン: Gecko | Mozilla | 非営利団体が開発。プライバシー保護に強い。独自の表示エンジンを持つため、最終チェックに重宝。 |
昔は「Internet Explorer (IE)」というブラウザがWeb制作泣かせの存在でしたが、現在は終了しています。今の制作現場で最も注意すべきは「iPhone版Safari」です。PCで作ったサイトを必ずiPhoneの実機で確認するのは、このエンジンの違いがあるためです。