[css] 舉例說明CSS特性檢測的方式有哪些？

原生的 @supports 的性能肯定是最好的，而且無需引入外部 javascript ，首推這個，但是無奈兼容問題，目前來看不是最好的選擇。Modernizr 功能強大，兼容性好，但是需要引入外部 javascript，多一個 http 請求，如果只是進行幾個特性檢測，有點殺雞用牛刀的感覺。 針對需要的特性檢測，使用 javascript 實現一個簡單的函數，再把上面用到的方法封裝一下：/**用于簡單的 CSS 特性檢測@param [String] property 需要檢測的 CSS 屬性名@param [String] value 樣式的具體屬性值@return [Boolean] 是否通過檢查 */ (function(property, value) { // 用于測試的元素，隱藏在頁面上 var ele = document.createElement('div');// 只有一個參數的情況 if(arguments.length === 1) { if(property in ele.style) { return true; } // 兩個參數的情況 }else if(arguments.length === 2){ ele.style[property] = value;if(ele.style[property]) {return true;} } ele = null; return false; })("font-size",'10px');

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[css] 举例说明CSS特性检测的方式有哪些？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。