javascript - jQuery 检测 Bootstrap 3 状态

Question

在 Bootstrap 3 中，有 4 种状态；超小型设备、小型设备、中型设备和大型设备。我怎么知道网站当前使用 jQuery 处于哪个状态？这样我就可以像在超小型设备中那样做一些处理，然后运行这个函数。

谢谢。

Answer 1

按照@Khurshid 的回答(效果很好)，我编写了一个原生 JavaScript 实现，它是 significantly faster :

function findBootstrapEnvironment() {
    var envs = ["xs", "sm", "md", "lg"],    
        doc = window.document,
        temp = doc.createElement("div");

    doc.body.appendChild(temp);

    for (var i = envs.length - 1; i >= 0; i--) {
        var env = envs[i];

        temp.className = "hidden-" + env;

        if (temp.offsetParent === null) {
            doc.body.removeChild(temp);
            return env;
        }
    }
    return "";
}