美文网首页
浏览器检测是否支持某个 CSS 属性

浏览器检测是否支持某个 CSS 属性

作者: 枫_d646 | 来源:发表于2018-09-27 17:33 被阅读0次
// 下面函数判断浏览器是否支持某个 css 属性

function isPropertySupported(property) {
  if (property in document.body.style) return true;
  var prefixes = ['Moz', 'Webkit', 'O', 'ms', 'Khtml'];
  var prefProperty = property.charAt(0).toUpperCase() + property.substr(1);

  for(var i = 0; i < prefixes.length; i++){
    if((prefixes[i] + prefProperty) in document.body.style) return true;
  }

  return false;
}

isPropertySupported('background-clip')     // true

参考链接

相关文章

  • CSS属性以及属性值检测

    纯粹的检测CSS属性: 如果需要检测某个具体的属性值是否受到浏览器的支持: 资料信息来自《CSS揭秘》

  • 浏览器检测是否支持某个 CSS 属性

    参考链接

  • Vue基础

    特性检测:检测浏览器是否支持某个属性 vue指令 页面渲染 vue的指令都是v-这种格式,虽然v-xxx="xxx...

  • css 面试题 知识点

    1. calc()语法 2. CSS Support 用法 CSS中的@support主要是用于检测浏览器是否支持...

  • 检试浏览器类型常用代码

    检测是否是微信浏览器 js判断是否移动端及浏览器内核 检测浏览器是否支持svg 检测浏览器是否支持canvas

  • JS常用的代码片段

    检测浏览器是否支持svg 检测是否是微信浏览器 获取验证码倒计时效果 arguments.callee 属性包含当...

  • 一些css相关知识总结

    1. @supports 简介 @supports是css中用来检测浏览器是否支持某些css语法功能的一个标签,它...

  • CSS揭秘笔记--(1)

    1、CSS某个特性是否被支持原理:在任意元素element.style对象上检查该属性是否存在。代码: 2、CSS...

  • CSS揭秘系列一之"背景和边框"

    工具函数 如果我们想要检测某个具体的属性值是否支持,那就需要把它赋给对应的属性,然后再检查浏览器是不是还保存着这个...

  • audio元素的属性、方法与事件

    一、标签属性 二、JavaScript方法 1、canPlayType():检测浏览器是否支持音频类型,返回值 [...

网友评论

      本文标题:浏览器检测是否支持某个 CSS 属性

      本文链接:https://www.haomeiwen.com/subject/lwxyoftx.html