クロスブラウザー

ソフトウェアプログラムが複数のコンピュータープラットフォーム向けに開発されている場合、それはクロスプラットフォームプログラムと呼ばれます。同様に、Webサイトが複数のブラウザー向けに開発されている場合、それはクロスブラウザーWebサイトと呼ばれます。

すべてのブラウザーが同じであれば、Web開発者の仕事ははるかに簡単になります。ほとんどのブラウザーは、デザインと機能の両方において似ていますが、Webサイトの認識方法や表示方法には、いくつかの小さな違いがあることがよくあります。たとえば、AppleのSafariは、Internet Explorerとは異なるHTMLレンダリングエンジンを使用します。そのため、ブラウザーによっては、同じWebページでも、ページやテキストの書式がわずかに異なって表示されることがあります。すべてのブラウザーが同じHTMLのタグに対応しているわけではないため、互換性のないWebブラウザーでは、一部の書式がまったく認識されないことがあります。さらに、ブラウザーはJavaScriptコードを異なる方法で解釈するため、あるブラウザーではスクリプトが正常に動作しても、別のブラウザーでは動作しない場合があります。

WebブラウザーがHTMLやJavaScriptを解釈する方法には違いがあるため、Web開発者は複数のブラウザーで動作するように、サイトをテストして調整する必要があります。たとえば、あるページがFirefoxでは正常に表示されても、Internet Explorerでは正しく表示されない場合、開発者はInternet Explorerで動作するように書式を変更することがあります。もちろん、その結果、ページがFirefoxでは異なって表示される可能性があります。ブラウザーの互換性に関する問題を最も簡単に解決する方法は、両方のブラウザーで動作する、より基本的なコーディング技法を使用することです。ただし、この方法が使えない場合、開発者はブラウザーの種類を検出し、そのブラウザー用のカスタムHTMLまたはJavaScriptを出力するコードを追加する必要があるかもしれません。

基本的なWebサイトであれば、クロスブラウザー対応のサイトを作成するのは通常、それほど難しくありません。ただし、HTMLによる書式設定やJavaScriptを多用する複雑なサイトでは、複数のブラウザーに対応するために、大幅な追加コーディングが必要になることがあります。開発者によっては、ブラウザーごとにまったく異なるページを生成することさえあります。CSSによる書式設定は、複数のブラウザーでWebページの外観を標準化するのに役立ってきましたが、Webブラウザー間には依然としていくつかの不一致があります。そのため、クロスブラウザー設計は今もWeb開発に必要な要素です。