首頁 >web前端 >css教學 >'常綠”並不意味著立即可用

'常綠”並不意味著立即可用

Lisa Kudrow
Lisa Kudrow原創
2025-03-14 10:19:09401瀏覽

常綠”並不意味著立即可用

同事,像我這樣的熟練且精通技術的網絡開發人員,始終顯示出令人討厭的Chrome更新通知。這個看似較小的細節突出了一個更大的問題:“常綠”瀏覽器的現實。雖然自動更新功能是有益的,但不能保證所有用戶立即採用。

我的同事優先考慮不間斷的工作流,而不是立即瀏覽器更新,這是一種完全合理的方法。具有諷刺意味的是,高端筆記本電腦可以使用數月的使用而無需重新啟動,這使得這種延遲加劇了,這與功能較小的機器不同,這可能需要更頻繁地重新啟動,從而更快地更新周期。

常綠瀏覽器:現實

在常綠瀏覽器之前,手動更新是常態,涉及網站下載甚至物理媒體的過程。 Evergreen瀏覽器會自動化此功能,通過需要重新啟動的提示進行更新,在重新啟動時激活背景下載或重新啟動。

主要的瀏覽器(Chrome,Edge,Firefox)主要是常綠的。但是,Safari依靠MacOS更新來瀏覽器更新(一種不優雅的解決方案),這是一個獨特的情況。理想情況下,Safari的更新機制將與OS更新過程解耦。

Internet Explorer的Demises鞏固了常綠瀏覽器作為標準,從而簡化了兼容性問題。但是,這並不能消除仔細考慮的需求。

延遲更新:捕獲

caniuse.com數據不反映現實世界瀏覽器版本。更新並未在所有設備上立即應用。這需要對新功能進行謹慎的方法。

抵制立即包含最新功能的誘惑。相反,使用CSS和JavaScript逐步提高體驗的優先級。

利用平台

網絡的彈性在於適應其多樣化的景觀。 CSS和JavaScript提供了根據瀏覽器功能有條件地提供內容的機制。

不用哀嘆功能支持,不如接受實驗實現的心態。

JavaScript功能檢測

JavaScript的Navigator接口允許功能檢測。例如:

如果(!(Navigator中的“ geoLocation”))
  //處理缺乏地理位置支持
} 別的 {
  //利用地理位置功能
}

這種方法在實施新功能之前優先考慮後備機制。

CSS有條件樣式

CSS的@supports規則提供有條件的樣式:

 。成分 {
  / *基本樣式 */
}

@supports(網格 - 板塊柱:subgrid;){
  。成分 {
    / *增強樣式的子網格支持 */
  }
}

這樣可以確保所有瀏覽器的基本功能,同時增強有能力的體驗。

刪除功能檢測:何時以及如何?

在添加功能檢測的同時,這增加了代碼的複雜性,但這是一項值得的投資。僅在經歷了大量段(Feature後六個月發布)後才考慮將其刪除,以說明各種更新延遲。這個時間表是一般指導方針;專業受眾可能需要調整。分析和用戶反饋對於確定最佳刪除時間至關重要。

但是,可能並不總是建議完全刪除功能檢測。考慮以下用戶:

  • 依靠託管設備。
  • 故意避免更新。
  • 缺乏更新的技術技能。
  • 使用不支持的瀏覽器。

網絡的成功源於其對各種設備和用戶的適應性。強大的方法優先考慮兼容性和優雅的退化。

未來的網絡體驗

設備的擴散需要採取未來的策略。考慮設備的擴展範圍(電話,平板電腦,智能電視等)及其不同功能。優先考慮此範圍的兼容性確保了一致的用戶體驗。

感謝吉姆·尼爾森(Jim Nielsen)的反饋。

以上是'常綠”並不意味著立即可用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn