ホームページ > ウェブフロントエンド > CSSチュートリアル > 「Evergreen」はすぐに利用できるという意味ではありません

「Evergreen」はすぐに利用できるという意味ではありません

Lisa Kudrow
リリース: 2025-03-14 10:19:09
オリジナル
407 人が閲覧しました

「Evergreen」はすぐに利用できるという意味ではありません

私のような熟練したハイテクに精通したWeb開発者である同僚は、一貫して、しつこいChromeアップデート通知を表示します。この一見マイナーな詳細は、より大きな問題を強調しています。「常緑樹」ブラウザの現実です。自動更新機能は有益ですが、すべてのユーザーによる即時の採用を保証するものではありません。

私の同僚は、完全に合理的なアプローチである、即時のブラウザの更新よりも途切れないワークフローを優先します。再起動せずに数ヶ月使用できるハイエンドのラップトップは、より頻繁な再起動を必要とする可能性のあるあまり強力なマシンとは異なり、皮肉なことにこの遅延を悪化させ、したがって更新サイクルを速くします。

Evergreenブラウザ:現実

Evergreenブラウザの前は、手動の更新が標準でした。これは、Webサイトのダウンロードや物理メディアを含むプロセスです。 Evergreen Browserはこれを自動化し、再起動、再起動時にアクティブ化されたバックグラウンドダウンロード、またはシステムの再起動を必要とするプロンプトを介して更新します。

メジャーブラウザ(Chrome、Edge、Firefox)は、ほとんど常緑です。ただし、Safariは、ブラウザの更新のMacOSアップデートに依存するユニークなケースを提示します。これは、あまりエレガントではないソリューションです。理想的には、Safariの更新メカニズムは、OS更新プロセスから切り離されます。

Internet Explorerの終miseは、常緑のブラウザを標準として固め、互換性の懸念を簡素化します。ただし、これは慎重に検討する必要性を排除しません。

遅延更新:キャッチ

caniuse.comデータは、実際のブラウザバージョンを反映していません。更新は、すべてのデバイスに即座に適用されません。これには、新機能への慎重なアプローチが必要です。

最新の機能をすぐに受け入れる誘惑に抵抗してください。代わりに、CSSとJavaScriptを使用して、徐々に強化されたエクスペリエンスを優先します。

プラットフォームを活用します

Webの回復力は、多様な景観に適応することにあります。 CSSとJavaScriptは、ブラウザー機能に基づいてコンテンツを条件付けて提供するメカニズムを提供します。

機能サポートを嘆く代わりに、実験的実装の考え方を受け入れます。

JavaScript機能検出

JavaScriptのNavigatorインターフェイスにより、機能検出が可能になります。例えば:

 if(!(navigatorの「ジオロケーション」)){
  //ジオロケーションサポートの欠如を処理します
} それ以外 {
  //ジオロケーション機能を利用します
}
ログイン後にコピー

このアプローチは、新機能を実装する前に、フォールバックメカニズムを優先します。

CSS条件付きスタイリング

CSSの@supportsルールは、条件付きスタイリングを提供します。

 。成分 {
  / *ベーススタイル */
}

@supports(grid-template-columns:subgrid;){
  。成分 {
    / *サブグリッドサポート用の拡張スタイル */
  }
}
ログイン後にコピー

これにより、有能なブラウザのエクスペリエンスを強化しながら、すべてのブラウザにわたって基本的な機能が保証されます。

機能検出の削除:いつ、どのように?

機能検出を追加するとコードの複雑さが向上しますが、それは価値のある投資です。さまざまな更新の遅延を考慮するために、重要な期間(フェアチュアのリリース後約6か月)後にのみ削除することを検討してください。この時間枠は一般的なガイドラインです。専門の視聴者は調整が必要になる場合があります。最適な削除時間を決定するには、分析とユーザーのフィードバックが重要です。

ただし、機能の検出を完全に削除することが常に推奨されるとは限りません。次のユーザーを考えてみましょう

  • 管理されたデバイスに依存しています。
  • 意図的に更新を避けます。
  • 更新する技術的なスキルが不足しています。
  • サポートされていないブラウザを使用します。

Webの成功は、膨大なデバイスやユーザーへの適応性に起因しています。堅牢なアプローチは、互換性と優雅な劣化を優先します。

あなたのウェブエクスペリエンスを将来的に防ぐ

デバイスの急増には、将来の防止戦略が必要です。デバイスの拡大範囲(電話、タブレット、スマートテレビなど)とさまざまな機能を検討してください。このスペクトル全体で互換性を優先することで、一貫したユーザーエクスペリエンスが確保されます。

ジム・ニールセンのフィードバックに感謝します。

以上が「Evergreen」はすぐに利用できるという意味ではありませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート