一段非常簡單的js判斷瀏覽器的內(nèi)核
大家應(yīng)該還記得JavaScript行內(nèi)樣式怎么寫吧？（看來我是廢話了?。?/p>
在前端開發(fā)過程中，有時我們需要判斷瀏覽器的內(nèi)核前綴，對不同的瀏覽器做出不同的處理，因此我們可以這么做。
alert(element.style.webkitTransition); 這個是獲取以webkit為前綴的transition值。但如果不是webkit為前綴的瀏覽器，則會返回undefined。而我們可以將所有的內(nèi)核前綴給枚舉出來，然后獲取其某個CSS的值，即可做出判斷。代碼如下：
function getVendorPrefix() {
// 使用body是為了避免在還需要傳入元素
var body = document.body || document.documentElement,
style = body.style,
vendor = ['webkit', 'khtml', 'moz', 'ms', 'o'],
i = 0;
while (i < vendor.length) {
// 此處進(jìn)行判斷是否有對應(yīng)的內(nèi)核前綴
if (typeof style[vendor[i] + 'Transition'] === 'string') {
return vendor[i];
}
i++;
}
}
然后只需要調(diào)用getVendorPrefix()即可知道瀏覽器的內(nèi)核前綴，如果返回undefined則證明瀏覽器不支持CSS3屬性，即沒有內(nèi)核前綴。
大家應(yīng)該知道，我們在寫代碼的過程中，能寫CSS就不寫JavaScritp，畢竟CSS的性能會比自己寫JS的高一些，因此，我們在開發(fā)一些實際應(yīng)該中，會用到transition，比如一個簡單的圖片輪播，我們可以使用CSS3的transition，也可以使用jQuery的animate或自己寫原生，但CSS3的性能肯定會高一些，因此我們可以寫兩套代碼，對于支持CSS3的瀏覽器則使用animation，而不支持的則使用計時器或animate。這樣的話能夠獲取更好的用戶體驗。
以上是看jquery.slides.js的插件心得，如有更好的方法，請一定告知筆者。
- Js智能判斷瀏覽器是關(guān)閉還是刷新的代碼
- js判斷橫豎屏及禁止瀏覽器滑動條示例
- javascript獲取和判斷瀏覽器窗口、屏幕、網(wǎng)頁的高度、寬度等
- js監(jiān)控IE火狐瀏覽器關(guān)閉、刷新、回退、前進(jìn)事件
- JS辨別訪問瀏覽器判斷是android還是ios系統(tǒng)
- js/jquery判斷瀏覽器的方法小結(jié)
- JS判斷瀏覽器是否支持某一個CSS3屬性的方法
- 封裝好的js判斷操作系統(tǒng)與瀏覽器代碼分享
- 用js判斷是否為360瀏覽器的實現(xiàn)代碼
- js判斷瀏覽器版本以及瀏覽器內(nèi)核的方法
- JS判斷是否360安全瀏覽器極速內(nèi)核的方法
- 基于JavaScript判斷瀏覽器到底是關(guān)閉還是刷新(超準(zhǔn)確)
相關(guān)文章
這篇文章主要介紹了javascript讀取本地文件和目錄方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要介紹了JavaScript中Array對象用法,結(jié)合實例形式總結(jié)分析了Array數(shù)組對象的常用屬性與方法的功能與相關(guān)使用技巧,需要的朋友可以參考下2016-11-11
在html頁面中顯示時間是很常見的，實現(xiàn)的方法有很多，下面為大家簡單介紹兩種方式，有需求的朋友可以參考下，希望對大家有所幫助2013-08-08
jquery ajax應(yīng)用中iframe自適應(yīng)高度問題解決方法
很多管理系統(tǒng)中，都使用iframe進(jìn)行信息內(nèi)容的展示方式，或者作為主菜單的鏈接展示內(nèi)容。使用iframe的問題就是自適應(yīng)高度的問題2014-04-04
在JavaScript中，null和undefined是兩個常見的數(shù)據(jù)類型，本文就詳細(xì)的介紹了JS中null和undefined的區(qū)別，感興趣的可以了解一下2023-05-05
JavaScript使用DeviceOne開發(fā)實戰(zhàn)（二） 生成調(diào)試安裝包
這篇文章主要介紹了JavaScript使用DeviceOne開發(fā)實戰(zhàn)（二） 生成調(diào)試安裝包的相關(guān)資料,需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細(xì)介紹了openlayers實現(xiàn)地圖彈窗，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
利用JS實現(xiàn)一個同Excel表現(xiàn)的智能填充算法
這篇文章主要給大家介紹了關(guān)于利用JS實現(xiàn)一個同Excel表現(xiàn)的智能填充算法的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-08-08
bootstrapValidator 重新啟用提交按鈕的方法
bootstrapValidator 使用中，由于字段檢查等原因，致使提交按鈕失效。如何重新啟用提交按鈕呢？下面小編給大家介紹下bootstrapValidator 重新啟用提交按鈕的方法,需要的朋友可以參考下2017-02-02
純js和css實現(xiàn)漸變色包括靜態(tài)漸變和動態(tài)漸變
用javascript實現(xiàn)一下所謂的動態(tài)漸變，考慮動態(tài)原因就不上圖了，我來簡單介紹下思路2014-05-05