私のような熟練したハイテクに精通したWeb開発者である同僚は、一貫して、しつこいChromeアップデート通知を表示します。この一見マイナーな詳細は、より大きな問題を強調しています。「常緑樹」ブラウザの現実です。自動更新機能は有益ですが、すべてのユーザーによる即時の採用を保証するものではありません。
私の同僚は、完全に合理的なアプローチである、即時のブラウザの更新よりも途切れないワークフローを優先します。再起動せずに数ヶ月使用できるハイエンドのラップトップは、より頻繁な再起動を必要とする可能性のあるあまり強力なマシンとは異なり、皮肉なことにこの遅延を悪化させ、したがって更新サイクルを速くします。
Evergreenブラウザの前は、手動の更新が標準でした。これは、Webサイトのダウンロードや物理メディアを含むプロセスです。 Evergreen Browserはこれを自動化し、再起動、再起動時にアクティブ化されたバックグラウンドダウンロード、またはシステムの再起動を必要とするプロンプトを介して更新します。
メジャーブラウザ(Chrome、Edge、Firefox)は、ほとんど常緑です。ただし、Safariは、ブラウザの更新のMacOSアップデートに依存するユニークなケースを提示します。これは、あまりエレガントではないソリューションです。理想的には、Safariの更新メカニズムは、OS更新プロセスから切り離されます。
Internet Explorerの終miseは、常緑のブラウザを標準として固め、互換性の懸念を簡素化します。ただし、これは慎重に検討する必要性を排除しません。
caniuse.com
データは、実際のブラウザバージョンを反映していません。更新は、すべてのデバイスに即座に適用されません。これには、新機能への慎重なアプローチが必要です。
最新の機能をすぐに受け入れる誘惑に抵抗してください。代わりに、CSSとJavaScriptを使用して、徐々に強化されたエクスペリエンスを優先します。
Webの回復力は、多様な景観に適応することにあります。 CSSとJavaScriptは、ブラウザー機能に基づいてコンテンツを条件付けて提供するメカニズムを提供します。
機能サポートを嘆く代わりに、実験的実装の考え方を受け入れます。
JavaScriptのNavigator
インターフェイスにより、機能検出が可能になります。例えば:
if(!(navigatorの「ジオロケーション」)){ //ジオロケーションサポートの欠如を処理します } それ以外 { //ジオロケーション機能を利用します }
このアプローチは、新機能を実装する前に、フォールバックメカニズムを優先します。
CSSの@supports
ルールは、条件付きスタイリングを提供します。
。成分 { / *ベーススタイル */ } @supports(grid-template-columns:subgrid;){ 。成分 { / *サブグリッドサポート用の拡張スタイル */ } }
これにより、有能なブラウザのエクスペリエンスを強化しながら、すべてのブラウザにわたって基本的な機能が保証されます。
機能検出を追加するとコードの複雑さが向上しますが、それは価値のある投資です。さまざまな更新の遅延を考慮するために、重要な期間(フェアチュアのリリース後約6か月)後にのみ削除することを検討してください。この時間枠は一般的なガイドラインです。専門の視聴者は調整が必要になる場合があります。最適な削除時間を決定するには、分析とユーザーのフィードバックが重要です。
ただし、機能の検出を完全に削除することが常に推奨されるとは限りません。次のユーザーを考えてみましょう
Webの成功は、膨大なデバイスやユーザーへの適応性に起因しています。堅牢なアプローチは、互換性と優雅な劣化を優先します。
デバイスの急増には、将来の防止戦略が必要です。デバイスの拡大範囲(電話、タブレット、スマートテレビなど)とさまざまな機能を検討してください。このスペクトル全体で互換性を優先することで、一貫したユーザーエクスペリエンスが確保されます。
ジム・ニールセンのフィードバックに感謝します。
以上が「Evergreen」はすぐに利用できるという意味ではありませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。