web前端|html教程
判断浏览器是否支持css3属性或单位
web前端-html教程
1.用CSS.supports()方法 mark-zhq[3]
psd源码分享社区,ubuntu离线安装zsh,电动爬虫制作原理,php判读,上海seo王志强lzw
//判断是否支持flex布局var supportsFlex = CSS.supports("display", "flex");//判断是否支持rem单位var supportsRem = CSS.supports("width","1rem");//判断兼容性属性var supportsAPS = CSS.supports("animation-play-state")||CSS.supports("-webkit-animation-play-state")||CSS.supports("-ms-animation-play-state")||CSS.supports("-Moz-animation-play-state")||CSS.supports("-o-animation-play-state");
facebook 源码,vscode重新设置配置,ubuntu 挂载emmc,tomcat怎么样,xpath爬虫源码,dede php5.5,枣阳市企业seo竞价,内容购网站源码,HTML手机页面设计模板lzw
注:这里只针对支持CSS.supports的浏览器,Opera浏览器使用的是不同的方法名。
随机红包源码,vscode搜索功能,ubuntu 登录账户设置,查看tomcat 位数,sqlite 账号管理,wordpress联系插件,微信前端框架vue,js爬虫采集,php 符号,seo文章检测,友点网站模板,在手机上写网页代码是什么,支付css模板,静态新闻页面模板下载,n点虚拟主机管理系统 破解,人人商城下程序接口修改lzw
判断是否支持该方法:(如果不支持的话可用第三方库Modernizr)
var supportsCSS = !!((window.CSS && window.CSS.supports) || window.supportsCSS || false);
2.查找document.documentElement.style是否存在要查询的属性
function isString(value){ return typeof value == "string";}var docStyle = document.documentElement.style;var supportsAPS = isString(docStyle.animationPlayState)||isString(docStyle.webkitanimationPlayState)||isString(docStyle.MozanimationPlayState)||isString(docStyle.msanimationPlayState)||isString(docStyle.oanimationPlayState);
这里不会涉及到实例化,所以可以用typeof去判断数据类型。综合来说第一种方法较好,第二种方法可以帮助理解CSS。