クロスブラウザテストとは、WebサイトやWebアプリが、WindowsのChromeやEdgeからiPhoneのSafari、AndroidのSamsung Internetまで、訪問者が実際に使っているブラウザ、デバイス、OSで正しく動作し、正しく表示されるかを確認することです。ブラウザのファミリーごとに異なるエンジンが動いているため、あるブラウザで完璧に動くコードが別のブラウザで壊れることがあります。このガイドでは、テスト対象、手動テストと自動テストの組み合わせ方、2026年の主要ツール、そして繰り返し使えるチェックリストを紹介します。
CSSやJavaScriptの機能がまだブラウザで未対応であるといった、特定の非互換性を見つけて修正する作業については、関連ガイドのクロスブラウザ互換性テストをご覧ください。
クロスブラウザテストとは？
クロスブラウザテスト（マルチブラウザテストとも呼ばれます）は、同じページとユーザーの操作の流れを複数のブラウザで実行し、結果を比較するテストです。機能面（訪問者が登録、検索、支払いをできるか）と表示面（レイアウトが崩れていないか）の両方を対象にします。現在重要なブラウザエンジンは次の3つだけです。
| エンジン | ブラウザ | ポイント |
|---|---|---|
| Blink | Chrome、Edge、Opera、Brave、Samsung Internet、Vivaldi | 最も一般的なエンジンですが、ブラウザごとに独自のバージョン、設定、プライバシー機能を備えています |
| WebKit | MacのSafari、およびiPhoneとiPadのすべてのブラウザ | AppleはiOSのブラウザにWebKitの使用を義務付けているため（EUでは限定的な例外あり）、iPhoneのChromeもSafariと同じように表示されます |
| Gecko | Firefox | 独自のCSSとJavaScriptの実装を持つ独立したエンジンです |
2026年にクロスブラウザテストが重要な理由
Chromeが圧倒的なシェアを持っていますが、それが訪問者のすべてではありません。StatCounterによると、2026年9月の世界のブラウザ使用率は、Chromeが66.4%、Safariが18.3%、Edgeが6.0%、Firefoxが2.8%、Samsung Internetが2.3%でした。米国ではSafariのシェアが30.4%に達しており、Chromeだけでテストしたサイトは、米国の訪問者のほぼ3分の1に対して未テストということになります。
- コンバージョンの損失。Safariで何も起こらない決済ボタンや、Firefoxで送信できないフォームは売上を失う原因になります。しかも訪問者が報告してくれることはまれで、そのまま離脱してしまいます。
- プライバシーの初期設定の違い。SafariとFirefoxはデフォルトでサードパーティCookieを制限し、Braveはトラッカーをブロックしてフィンガープリントをランダム化します。その結果、ログイン、埋め込み型の決済、アクセス解析の動作が変わることがあります。
- 絶え間ないアップデート。主要ブラウザは数週間ごとに新バージョンをリリースしており、Firefoxも2026年9月に2週間のリリースサイクルへ移行しました。そのため、前の四半期まで動いていたページが、こちら側で何も変更していなくても壊れることがあります。
テスト対象
訪問者が最もよく行う操作と、最も壊れやすい箇所に重点を置きましょう。
- 重要な操作の流れ：登録、ログイン（シングルサインオンのリダイレクトを含む）、検索、カート、決済、問い合わせフォーム。
- レイアウト：グリッド、固定ヘッダー、モーダル、そしてブラウザのツールバーによって表示領域の高さが変わるモバイルのビューポート。
- フォーム：日付ピッカー、自動入力、検証メッセージ、ファイルのアップロード、画面上のキーボード。
- 新しいCSSやJavaScriptの機能。さらにメディア再生、フォント、対応している場合は右から左に表記するテキスト。
- Cookieと同意：サードパーティCookieに依存するバナー、埋め込みコンテンツ、ログイン。
- パフォーマンスとアクセシビリティ：ミドルレンジのAndroidスマートフォンでの速度、キーボード操作、スクリーンリーダー用のラベル。
手動と自動のクロスブラウザテスト
| 手動テスト | 自動テスト | |
|---|---|---|
| 仕組み | 人が各ブラウザとデバイスでサイトを操作して確認する | スクリプトが実際のブラウザエンジンを操作し、変更のたびに結果を確認する |
| 最適な用途 | 新機能、見た目の仕上げ、探索的テスト、実機での操作感の確認 | 多数のブラウザと画面サイズの組み合わせにわたる、重要な操作の流れのリグレッションチェック |
実用的な分担としては、収益やリードにつながる少数の操作の流れを自動化し、プルリクエストのたびにChromium、Firefox、WebKitで実行します。そのうえで、大きなリリースの前に実機のiPhoneと実機のAndroidスマートフォンで手動確認を行います。機能テストでは見逃してしまうレイアウトのずれを検出するために、スクリーンショットの比較も加えましょう。Playwrightなら標準機能で対応できます。
2026年のクロスブラウザテストツール
Playwright
Playwrightは、Microsoftが提供するオープンソースのフレームワークで、Chromium、Firefox、WebKitを単一のAPIで操作できます。TypeScriptとJavaScript、Python、.NET、Javaに対応しています。ブランド版のChromeやEdgeの実行、スマートフォンやタブレットのエミュレーションも可能です。注意点として、PlaywrightのWebKitビルドはSafariアプリそのものではなく、最も近い結果を得るにはMac上でWebKitを実行することが推奨されています。
Selenium
Seleniumは、W3CのWebDriver標準を通じてChrome、Firefox、Edge、Safariを自動操作し、テストはJava、Python、C#、Ruby、JavaScript、Kotlinで記述できます。必要なブラウザドライバは自動的にダウンロードされ、Selenium Gridを使えば多数のマシンにテストを分散できます。主要なクラウドグリッドはすべてSeleniumに対応しています。
Cypress
Cypressは、JavaScript製のエンドツーエンドテストツールで、各ステップをリアルタイムで表示するインタラクティブなランナーを備えています。Chrome系ブラウザとFirefoxに対応していますが、WebKitへの対応はまだ実験的な段階です。そのため、Safariが重要な場合には適合性が低くなります。
クラウドテストグリッド
クラウドプラットフォームでは、実際のブラウザやスマートフォンを借りて、ライブセッションを行ったり、PlaywrightやSelenium、Cypressのテストを実行したりできます。
- BrowserStack：実際のデスクトップブラウザと、30,000台以上の実機のiOS／Androidデバイス。
- TestMu AI（旧LambdaTest）：3,000以上のブラウザの組み合わせ、実機クラウド、AIテストエージェント。
- Sauce Labs：10,000台以上の実機のAndroid／iOSデバイスを備えたクラウドで、クロスブラウザとモバイルの自動化に対応。
- BitBar（SmartBear提供）：ライブおよび自動のブラウザ／デバイステスト。SmartBearの旧CrossBrowserTesting.comのアドレスはすでに読み込めないため、今もそこを案内しているガイドは参考にしないでください。
さまざまなフィンガープリントと地域でのテスト
一部のバグは特定の訪問者にしか現れません。たとえば、国によって変わる価格やリダイレクト、地域ごとに異なる同意バナー、珍しいブラウザフィンガープリントを検知するボットチェックなどです。同じオフィスにあるテスト用マシンはどれも似通っているため、こうした経路はテストされないまま残りがちです。
Gologinのようなアンチディテクトブラウザを使えば、これらを簡単に再現できます。Gologinの各プロファイルは、それぞれ一貫したフィンガープリント、Cookie、プロキシを持つため、1人のテスターが、異なる国の異なる訪問者の視点でサイトを確認できます。プロファイルはPlaywright、Puppeteer、Selenium、またはGologinのREST APIで操作でき、Windows、macOS、Linux、あるいはGologinのクラウド上で実行できます。無期限の無料プランには3つのプロファイルが含まれ、有料プランは月額9ドルからです。
開示事項：GologinとFloppyDataはcross-browser.orgの商業パートナーです。パートナーの一覧は会社概要ページをご覧ください。
各プロファイルには、確認したい国のレジデンシャルプロキシまたはモバイルプロキシを設定してください。FloppyDataは手頃な選択肢で、ローテーショントラフィックは$1/GBです。1つの残高をレジデンシャル、モバイル、データセンターのトラフィックとして使え、190以上のロケーションで国や都市を指定できます。サイトがプロファイルについて何を検知できるかを確認するには、これらのIPとフィンガープリントの確認ツールを使ってください。
クロスブラウザテストのチェックリスト
- アクセス解析からブラウザ、デバイス、国のデータを取得し、完全にサポートする組み合わせを決める。
- 重要な操作の流れ（登録、ログイン、検索、決済、問い合わせ）をリストアップする。
- それらをChromium、Firefox、WebKitで自動化し、プルリクエストのたびに実行する。
- リリースごとに、最低でも実機のiPhone 1台とミドルレンジのAndroidスマートフォン1台で確認する。
- 新しいCSSやJavaScriptの機能は、公開前に互換性データと照らし合わせて確認する。
- Safariのトラッキング防止、Firefoxの厳格モード、BraveのShieldsをオンにしてテストする。
- サービスを提供している国から、地域別のページとボットチェックをテストする。
- 自社のデプロイ後だけでなく、ブラウザの主要リリース後にもテストスイートを再実行する。
よくある質問
2026年にはどのブラウザでテストすべきですか？
まずアクセス解析のデータから始めましょう。多くのサイトでは、WindowsとAndroidのChrome、iPhoneとMacのSafari、Edge、Firefox、そしてAndroidからのアクセスがあればSamsung Internetが対象になります。Blink、WebKit、Geckoの3つのエンジンすべてをカバーすれば、表示の違いの大半を検出できます。
クロスブラウザテストと互換性テストは同じですか？
重なる部分があります。クロスブラウザテストは複数のブラウザにわたってテストを行う全体のプロセスです。互換性テストは、特定のブラウザやバージョンで壊れる機能や表示の違いに焦点を当て、その修正方法まで扱います。この側面については、互換性テストのガイドで詳しく解説しています。
クロスブラウザテストは無料でできますか？
はい、可能です。Playwright、Selenium、Cypressは無料のオープンソースで、各ブラウザの開発者ツールにはデバイスエミュレーションがあります。また、Gologinの無料プランでは3つのプロファイルを使って、フィンガープリントや地域の確認ができます。実機クラウドグリッドは有料ですが、多くは無料トライアルを提供しています。
WindowsでSafariをテストできますか？
本物のSafariはAppleのデバイスでしか動作しないため、できません。PlaywrightのWebKitビルドはWindowsとLinuxで動作し、WebKit特有の問題の多くを検出できますが、最終確認にはMac、iPhone、または実際のAppleデバイスを備えたクラウドサービスを使ってください。
