あなたのウェブサイトはどのブラウザをサポートする必要がありますか？

この記事は、Sitegroundとのコラボレーションで作成された一連の記事の一部です。 SitePointを可能にしたパートナーをサポートしてくれてありがとう。

Webサイト/アプリはどのブラウザをサポートする必要がありますか？これは、顧客と開発者がよく尋ねる質問です。簡単な答えは、トップNの主流アプリケーションをリストすることです。しかし、この戦略は無関係になりましたか？

キーポイント

• どのブラウザがウェブサイトのサポートをサポートすべきかという問題は簡単ではありません。ターゲットオーディエンス、ウェブサイトの種類、利用可能なリソースなどのさまざまな要因に依存します。
• あらゆる種類のブラウザにもかかわらず、それらはすべて同じ目標を持っています。ウェブページのレンダリングです。ただし、まったく同じ方法でレンダリングされる2つのブラウザはありません。これにより、最先端のテクノロジーを使用するとより明白になります。
• プログレッシブエンハンスメントテクノロジーは、ベースラインを確立し、サポートされたときにCSSとJavaScriptで強化することにより、すべてのブラウザでWebサイトが適切に機能するようにするのに役立ちます。ただし、これは、豊富なカスタムインターフェイスを備えたアプリケーションではあまり実用的ではありません。
• 開発者は、Webをデバイスに依存しないプラットフォームと考え、防御的な開発手法を採用し、さまざまなアプリケーションでプロジェクトをテストする必要があります。また、テクノロジーが進化しており、より複雑なWebサイトまたはアプリケーションが継続的なメンテナンスが必要になる可能性があることに注意する必要があります。

最も一般的に使用されるブラウザは何ですか？

モバイルデバイスは、すべてのWebページの使用の54.25％を占めるようになりました。そのため、上位10個のモバイルブラウザも確認する必要があります。1。Chrome -49.23％ 2。サファリ-17.73％ 3。UCブラウザー-15.89％ 4。サムスンインターネット - 6.58％ 5。オペラ-5.03％ 6。Android -3.75％ 7。Iemobile— 0.68％ 8。BlackBerry— 0.26％ 9。エッジ-0.15％ 10。Nokia— 0.12％

グローバル統計は、全体のストーリーを伝えません。-パターンは地域ごとに大きく異なります。たとえば、Yandexは、ロシアで2番目に一般的に使用されているブラウザです（12.7％のシェア）。 Sogouは、中国で3番目に一般的に使用されているブラウザです（6.5％）。 Opera Mobile/Miniは、アフリカで28％のシェアを持っています。

• 新しいブラウザバージョンが定期的に表示されます。 Chrome、Firefox、およびOperaは、数ヶ月前からバージョンをチェックすることは非現実的です。
• 同じブラウザは、さまざまなデバイスやオペレーティングシステムで異なる動作をする場合があります。 Chromeは、Windows、MacOS、Linux、Android、iOS、およびChromeosのすべてのバージョンで利用できますが、どこでも同じアプリケーションではありません。
ゲームコンソール、電子書籍リーダー、スマートテレビなど、さまざまなデバイスでは、多くの古いバージョンと新しいバージョン、ユニークでエキサイティングなブラウザがあります。
あなたのウェブサイト上の分析データは、グローバル統計と一致することはありません。

ブラウザはとても違うのですか？

多くのアプリケーションがありますが、すべてのブラウザには同じ目標があります。彼らはこれを実現するためにレンダリングエンジンを使用し、いくつかのクロスアスがあります：1。WebKitはMacOSおよびiOSのSafariに使用されます。 2。BlinkはWebKitのブランチで、現在はChrome、Opera、Vivaldi、Braveで使用されています。 3. GeckoはFirefoxで使用されます。 4. TridentはInternet Explorerで使用されます。 5。Edgehtmlは、Edgeで使用するTridentの更新バージョンです。

ほとんどのブラウザはこれらのエンジンのいずれかを使用しています。これらは異なるプロジェクトであり、チームが異なりますが、これらの企業は（ほとんど）W3Cを介して協力して、同じ方法ですべての人が新しいテクノロジーを採用できるようにします。ブラウザはこれまで以上に近く、最新のスマートフォンアプリがデスクトップアプリに一致しています。ただし、まったく同じ方法でレンダリングする2つのブラウザはありません。違いのほとんどは微妙ですが、これらの違いは最先端のテクノロジーに変わると明白になります。特定の機能は、1つのブラウザーで完全に実装され、他のブラウザではなく、別のブラウザに部分的に実装されている場合があります。

私のウェブサイトはすべてのブラウザで実行できますか？

はい。 Progressive Enhancement（PE）などのテクノロジーは、ベースライン（おそらくHTMLのみ）を確立し、サポートされたときにCSSとJavaScriptを使用してそれを強化します。最新のブラウザは、最新のレイアウト、アニメーション効果、インタラクティブウィジェットを取得できます。古いブラウザは、スタイルのないHTMLのみを取得する場合があります。他のすべてのブラウザは、その間にコンテンツを取得します。 PEは、基本的なフォームベースの機能を備えたコンテンツWebサイトやアプリケーションに最適です。リッチなカスタムインターフェイスを使用してアプリケーションに移動すると、実用性が低くなります。新しいコラボレーションビデオ編集アプリは、10年前にIE7で実行される可能性は低いです。 3Gネットワ​​ーク上の小さな画面デバイスでは機能しない場合があります。おそらく、代替インターフェイスを提供できるかもしれませんが、結果は、使用したい人がほとんどいない別個の不器用なアプリケーションになる可能性があります。レガシーブラウザのユーザーベースのサイズを考えると、コストは法外になります。

サイト所有者のアドバイス

Webサイトの所有者は、Webの以下の基本原則と制約を理解する必要があります。 Webが印刷されていません！あなたのウェブサイト/アプリはどこでも同じように見えません。各デバイスには、異なるオペレーティングシステム、ブラウザ、画面サイズ、機能などがあります。機能はさまざまな場合がありますが、Webサイトはすべての人に機能する可能性がありますが、エクスペリエンスと施設はさまざまです。日付入力フィールドと同じくらい基本的なものでさえ複数の可能性がありますが、理想的にはコアアプリケーションは動作し続けます。プロジェクトを現実的に評価します。コンテンツWebサイト、シンプルなアプリ、デスクトップのようなアプリ、ペースの速いゲームなどです。ブラウザの互換性の基本レベルを確立します。たとえば、2年前のほとんどのブラウザでは、画面幅が600ピクセルで、Wi-Fi接続が高速で実行される必要があります。視聴者を評価し、グローバルブラウザの統計に依存しないでください。主なユーザーは誰ですか？彼らはそれや技術者に新しいですか？それは個人、中小企業、または政府組織ですか？彼らは机に座っているのですか、それとも歩き回っていますか？誰もがすべての人に機能しません。最初にコアユーザーに焦点を当てます。可能であれば既存のシステムの分析データを確認しますが、根本的なデータを理解してください。アプリケーションがOpera Miniで実行されない場合、Opera Miniユーザーがいる可能性は低いです。市場の大部分をブロックしましたか？変化は驚くべきことに起こっています、20年前に書かれたWebページは今でも機能しています。必ずしもきれいであるか利用可能ではありませんが、ブラウザは引き続き下向きの互換性があります。 （ほとんどの。<blink></blink>タグはまだ無効です！）しかし、テクノロジーは常に進化しています。ウェブサイトやアプリケーションが複雑になればなるほど、継続的なメンテナンスが必要になる可能性が高くなります。

Web開発者のアドバイス

少し注意を払う限り、さまざまなブラウザをサポートできます。 Webを受け入れてください！ Webは、デバイスに依存しないプラットフォームです。コンテンツとよりシンプルなインターフェイスは、最新のラップトップ、機能電話、ゲームコンソール、IE6などのどこでも実行できます。段階的な強化の基本を学びます。完全なアプリケーションに使用しないことを選択したとしても、非常に貴重になる機能領域がまだあります。防御的な開発手法を使用して、最近の事前ライターモジュール、ライブラリ、またはフレームワークを使用する前にこれを検討します。始める前に、テクノロジーの意味を学びます。フレームワークは、限られた数のアプリケーションでテストされているため、ブラウザサポートのリストを提供する必要があります。ブラウザの制限と癖について学びます。たとえば、SVGチャートの使用を検討している場合は、IE9から11で奇妙に見える可能性があり、IE8以下で失敗する可能性があることに注意してください。これは、SVGを拒否するか、IEサポートを放棄するかの間にバイナリ選択を行う必要があるという意味ではありません。主要な開発努力を引き起こさないトレードオフが常にあります。たとえば、SVGレンダリングを受け入れるのは奇妙ですが、それでも利用可能です

• データ表のみを表示します
ユーザーが他の場所で開くことができるSVGダウンロードを提供します。

テスト、すべてのデバイスをテストすることはできませんが、1つのブラウザーで開発することは無駄です。さまざまなアプリケーションでプロジェクトを継続的にテストします。最後までテストを保存すると、壊滅的な結果が得られます。ツールとブラウザの欠陥を簡単に責めることができますが、早期に検出された場合、開発中にほとんどの問題を修正できます。これは、すべてのブラウザが毎回まったく同じ方法で実行する必要があるということではありません。機能回帰は避けられません。例： - プログレッシブWebアプリはiPhoneとiPadでオフラインで動作しませんが、オンライン操作は問題ありません。

IEはCSSグリッドをサポートしていませんが、フローティング、フレックスボックス、または全幅ブロックフォールバックは受け入れられるはずです。
Firefoxのデスクトップバージョンは、日付フィールドのカレンダーを表示しませんが、ユーザーは引き続き日付を入力できます。

開発PCにいくつかのブラウザをインストールします。 MacおよびLinuxユーザーは、Microsoft EdgeおよびIEテストツールをDeveloper.microsoft.com/microsoft-edge/で入手できます。 WindowsおよびLinuxユーザーの場合、Safariのテストはより困難です。最新のブラウザは優れたモバイルエミュレーション機能を備えていますが、一部の実際のデバイスを使用して、より遅いハードウェアとネットワークでタッチ制御とパフォーマンスを理解することができます。ターミナルでHTTPSWEBを使用することで、HTTPSが優先プロトコルになり、この傾向は継続されます。 Google Chromeは、非HTTPSサイトを不安定であるとマークし始めています。これには、WebサイトにHTTPSを使用するように構成する正当な理由があります。たとえば、当社のWebホスティングパートナーSitegroundを使用すると、顧客がHTTPSに簡単に移行できます。これを行うには、すべての新しいWordPressアカウントのSSL証明書を自動的にインストールし、既存のアカウントに対してSSL証明書を暗号化し、1回のクリックでHTTPSに切り替えました。

あなたはまだこの質問に答えていません！

「どのブラウザをサポートする必要がありますか？」あなたの答えが単なる「クロム」であると仮定すると： -

どのデバイスとオペレーティングシステムが実行されますか？

• 画面サイズの範囲はどの範囲でサポートされますか？
• どのバージョンを参照していますか？最新？クロム10以上？
• Chromeの新しいバージョンがリリースされるとどうなりますか？
• Chromeが実際にアプリケーションのランタイムになると、他のブラウザはどうなりますか？

顧客向けプロジェクトの場合、ブラウザサポートリストを提供することは非現実的になりました。最良の答えは、「想定されるユーザー統計に基づいてプロジェクトを開発し、予算と時間の制約に基づいて可能な限り多くのデバイス、オペレーティングシステム、ブラウザ、バージョンでテストすることになります。それでも、CEOが主張する古いブラックベリーを見逃すでしょう。 Web開発の場合 - ブラウザではありません。 ウェブサイトブラウザサポート（FAQ）

に関するFAQ ウェブサイトがサポートすべき最も人気のあるWebブラウザーは何ですか？

Webサイトでサポートすべき最も人気のあるWebブラウザーには、Google Chrome、Mozilla Firefox、Safari、Microsoft Edge、Internet Explorerが含まれます。これらのブラウザは、インターネットユーザーの大部分をカバーしています。ただし、Webサイトがサポートする特定のブラウザは、Webサイトのターゲットオーディエンスとその優先ブラウザに依存する場合があります。

私のウェブサイトがサポートするブラウザを決定する方法は？

Webサイトのトラフィックデータを分析することにより、Webサイトがサポートすべきブラウザを決定できます。このデータは、訪問者が使用しているブラウザを表示できます。また、ターゲットオーディエンスで最も人気のあるブラウザを検討することもできます。

複数のブラウザをサポートすることが重要なのはなぜですか？

できるだけ多くのユーザーがウェブサイトにアクセスできるようにするため、

複数のブラウザをサポートすることが重要です。ユーザーが異なる場合は、個人の好み、デバイスの互換性、またはその他の要因により、さまざまなブラウザを好む場合があります。複数のブラウザをサポートすることにより、すべての訪問者にポジティブなユーザーエクスペリエンスを提供できます。

私のウェブサイトの互換性をさまざまなブラウザーとテストする方法は？

さまざまなツールとサービスを使用して、さまざまなブラウザでWebサイトの互換性をテストできます。これらのツールは、さまざまなブラウザでWebサイトの外観と機能をシミュレートでき、互換性の問題を特定して修正するのに役立ちます。

古いブラウザをサポートすることの課題は何ですか？

レガシーブラウザのサポートは、最新のWebテクノロジーをサポートしていない可能性があるため、困難な場合があります。これにより、Webサイトで提供できる機能と機能が制限される場合があります。さらに、古いブラウザとの互換性を維持するには、追加の時間とリソースが必要になる場合があります。

ブラウザサポートポリシーを更新する頻度はどれですか？

ブラウザの使用とテクノロジーの変更に対応するために、ブラウザサポートポリシーを定期的に更新する必要があります。これは、業界とターゲットの視聴者がどれだけ速く変化しているかによって、数か月ごとに発生する可能性があります。

進行性の強化とは何ですか？ブラウザサポートとどのように関係していますか？

Progressive Enhancementは、基本的な機能から始まり、それらをサポートするブラウザにより高度な機能を追加するWebデザイン戦略です。この方法により、ブラウザの機能に関係なく、すべてのユーザーがWebサイトにアクセスできるようになります。

モバイルブラウザのサポートとデスクトップブラウザのサポートの違いはどうですか？

モバイルブラウザのサポートは、いくつかの側面でのデスクトップブラウザのサポートとは異なります。通常、モバイルブラウザには、デスクトップブラウザーと比較して、さまざまな機能と制限があります。さらに、モバイルユーザーのニーズと期待が異なる場合があり、サポート戦略に影響を与える可能性があります。

一般的なブラウザの互換性の問題は何ですか？これらの問題を解決する方法は？

一般的なブラウザの互換性の問題には、レイアウトの問題、機能の問題、パフォーマンスの違いが含まれます。これらの問題は、多くの場合、クロスブラウザーテストツールを使用して、Web開発のベストプラクティスに従い、Webサイトコードを定期的に更新することで解決できます。

私のウェブサイトが古いブラウザーを使用してユーザーがまだアクセスできるようにする方法は？

プログレッシブエンハンスメントを使用して、ウェブサイトの代替バージョンを提供するか、ユーザーがブラウザの更新を促すメッセージを提供することにより、古いブラウザーを使用してユーザーがウェブサイトにアクセスできるようにすることができます。

以上があなたのウェブサイトはどのブラウザをサポートする必要がありますか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。