移动Web开发,4行代码检测浏览器是否支持position:fixed

不废话,直接上代码

var div = document.createElement('div');
div.style.cssText = 'display:none;position:fixed;z-index:100;';
body.appendChild(div);
console.log(window.getComputedStyle(div).position != 'fixed');

对于不支持fixed的浏览器,window.getComputedStyle(div).position计算出来的值会是absolute

在这段代码的基础上,可以封装一个公共函数,并将已知的不支持fixed浏览器直接过滤掉。

function isSupportFixed() {
var userAgent = window.navigator.userAgent,
ios = userAgent.match(/(iPad|iPhone|iPod)\s+OS\s([\d_\.]+)/),
ios5below = ios && ios[] && (parseInt(ios[].replace(/_/g, '.'), ) < ),
operaMini = /Opera Mini/i.test(userAgent),
body = document.body,
div, isFixed; div = document.createElement('div');
div.style.cssText = 'display:none;position:fixed;z-index:100;';
body.appendChild(div);
isFixed = window.getComputedStyle(div).position != 'fixed';
body.removeChild(div);
div = null; return !!(isFixed || ios5below || operaMini);
}
上一篇:网页实时聊天之js和jQuery实现ajax长轮询


下一篇:[小北De编程手记] : Lesson 05 - Selenium For C# 之 API 下