使用javascript判斷瀏覽器核心程式碼例項

有時候可能需要知道當前瀏覽器的核心，下面是一段比較簡單，但是比較有效的方式，有需要的朋友可以做一下參考。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function getVendorPrefix() {
  var body=document.body || document.documentElement;
  var style=body.style;
  var vendor=['webkit','khtml','moz','ms','o'];
  var index=0;
  while(index<vendor.length){
    if(typeof style[vendor[index] + 'Transition'] === 'string'){
      return vendor[index];
    }
    index++;
  }
}
console.log(getVendorPrefix())

上面的程式碼實現了我們的要求，下面介紹一下它的實現原理。

大家對於style屬性一定不會陌生，它的返回值其實是一個物件，裡面包含了所有的樣式屬性，如下截圖:

當前瀏覽器對於css3的一些屬性，前面會有瀏覽器核心的字首，所以通過typeof style[vendor[index] + 'Transition'] === 'string'進行一下判斷，如果是響應的屬性值一個字串（空字串也是字串），那麼就是對應的核心。