javascript - 用于检测 CSS 的原生 JavaScript 函数

Question

有没有办法让原生（没有 jquery 或 libs）JavaScript 函数检测浏览器是否关闭了 CSS？

它可以关闭 CSS，所以我正在寻找一个功能来检查。

请帮忙

Answer 1

像这样的蛮力风格测试怎么样：

function testCss(){
     var div, width, flag = true;
     div = document.createElement('div');
     document.body.appendChild('div');
     div.style.width = "10"; 
     if (div.offsetWidth != 10){  
         flag = false;
     }
     div.style.width = "20px";  
    if (div.offsetWidth != 20){
         flag = false;
     }
     document.body.removeChild(div); 
     return flag;
}

上面设置了一个 div 元素的宽度。
检查有问题的 div 是否具有刚刚设置的宽度。
然后再次重复相同的操作，但宽度为 20px，以防它已经设置为 10px 宽度。
最后它删除了 div。
很可能有一种更好的方法可以在本地进行，但这是一个快速的解决方案。

不是 %100 确定可行，但这是一般的想法。

希望能帮助到你

Answer 2

从我上面发布的同一个链接，

var cssdisabled = false; // must be proven otherwise
var testcss = document.createElement('div');
testcss.style.position = 'absolute';
document.getElementsByTagName('body')[0].appendChild(testcss);
if (testcss.currentStyle) var currstyle = testcss.currentStyle['position'];
else if (window.getComputedStyle) var currstyle = document.defaultView.getComputedStyle(testcss, null).getPropertyValue('position');
var cssdisabled = (currstyle == 'static') ? true : false;
document.getElementsByTagName('body')[0].removeChild(testcss);