css3的出現讓瀏覽器的表現更加的豐富多彩，表現衝擊最大的就是動畫了，在日常書寫動畫的時候，很有必要去事先判斷瀏覽器是否支援，尤其是在寫css3動畫庫的時候。比如transition的animation-play-state，就只有部分瀏覽器支援。
下面的方法可以使用指令碼判斷瀏覽器是否支援某乙個css3屬性：
/**
* 判斷瀏覽器是否支援某乙個css3屬性
* @param 屬性名稱
* @return true/false
* @version 1.0
* @author ydr.me
* 2023年4月4日14:47:19
*/function
supportcss3
(style));
};for
(i in prefix
)humpstring
.push
(_tohumb
(prefix[i
]+'-'+
style
));humpstring
.push
(_tohumb
(style
));for
(i in humpstring)if
(humpstring[i
]in htmlstyle
)return
true
;return
false;}
alert
(supportcss3
('animation-play-state'
));
js判斷瀏覽器是否支援webGL
起因是我之前開發的網頁，用到了three.js製作了乙個3d的旋轉球體效果。在各種瀏覽器上執行都沒問題，在ie上也做了相容 但是今天接 老闆說你這網頁在xp上不顯示啊。ie上好使。google瀏覽器不好使。於是開始解決問題，不禁陷入了沉思。what?網頁顯示難道還與作業系統有關？google竟然不好...
判斷瀏覽器是否支援placeholder屬性
判斷瀏覽器是否支援placeholder屬性 function issupportplaceholder 如果支援，返回true，否認在false 運用 如果不支援placeholder，用jquery來完成 if issupportplaceholder 對password框的特殊處理 1.建立乙...
判斷瀏覽器是否支援webp
判斷瀏覽器是否支援webp格式 var issupportwebp map document.createelement canvas todataurl image webp indexof data image webp 0 返回true或false true為支援，false不支援 map主要...