ブラウザ
Web ページを閲覧するためのソフト。Chrome / Safari / Edge / Firefox が代表で、HTML・CSS・JavaScript(JavaScript / JS)を解釈して画面に表示する。同じページでも、ブラウザの種類やバージョン、PC とスマホの違いによって表示や挙動が微妙に変わることがある。
重要なのは「ユーザーの閲覧環境はバラバラ」という前提。自分の 1 環境で見て「問題なし」と判断すると、別のブラウザやスマホ(レスポンシブ)で崩れているのに気づけない。主要ブラウザ + PC / スマホでのクロスブラウザ確認が、表示品質の土台になる。
実務で関わる点は主要ブラウザでの表示確認・開発者ツールでのソースやエラーの確認・キャッシュ由来の「直したのに変わらない」を避けるハードリロード・サポート対象ブラウザの基準合意。どこまで古い環境に対応するかを決めておくと、際限ないコストを防げる。
陥りやすいのは、1 つのブラウザだけで確認して他環境の崩れを見落とすこと。ほかにも、キャッシュで古い表示を見て誤判断する、特定ブラウザ専用の実装にして互換性を失う、サポート範囲を決めずに無限に対応してしまう、といった点に注意する。
言葉をよく利用する人
- Web 担当者(発注側)
- コーダー / フロントエンドエンジニア
- デザイナー
- 情シス
- カスタマーサポート
会話上での使用例
表示確認の範囲を決める場面
-
Web 担当者
表示確認はどのブラウザでやればいいですか
-
コーダー
アクセス解析で多い順に、Chrome・Safari(スマホ含む)・Edge を基準にしましょう。PC とスマホ両方で見て、崩れがないか確認します
「直っていない」と相談される場面
-
営業
修正してもらったのに、私のブラウザでは変わりません
-
Web 担当者
キャッシュの可能性が高いです。ハードリロードを試してください。それでも変わらなければ、ブラウザ固有の問題として調査します