standard判断浏览器支持情况

Posted 2021-03-01 marquess

https://github.com/standard/standard

 

//判断浏览器支持情况,注意，standard只支持ios系统
// https://github.com/standard/standard
let elementStyle = document.createElement(‘div‘).style
let vendor = (() => {
  let transformNames = {
    webkit: ‘webkitTransform‘,
    Moz: ‘MozTransform‘,
    O: ‘OTransform‘,
    ms: ‘msTransform‘,
    standard: ‘transform‘
  }

  for (let key in transformNames) {
    if (elementStyle[transformNames[key]] !== undefined) {
      return key
    }
  }

  return false
})()

//如果支持standard样式，说明是IOD系统，返回CSS样式
export function prefixStyle(style) {
  if (vendor === false) {
    return false
  }

  if (vendor === ‘standard‘) {
    return style
  }

//charAt() 方法用于返回指定索引处的字符。索引范围为从 0 到 length() - 1。
//toUpperCase() 方法用于把字符串转换为大写。
  return vendor + style.charAt(0).toUpperCase() + style.substr(1)
}