Comment détecter quelle version de Bootstrap est utilisée à partir de JavaScript?

J'ai été à la recherche à la CSS & JavaScript de Bootstrap 3. Rien n'est modulaire sous un même alias. Pour le JavaScript, il est injecté dans jQuery, prototype...

Comment serait-il possible de détecter la version de Bootstrap est inclus dans une page web à partir d'un plug-in tiers/bibliothèque de point de vue avec le JavaScript?

source d'informationauteur Alerty | 2014-01-26

  1. 9

    La version de chacun de Bootstrap de plugins jQuery peut être accessible via la propriété VERSION du plugin constructeur de la

    $.fn.tooltip.Constructor.VERSION
  2. 4

    Comme suggéré dans les commentaires, la seule function qui semble être retiré dans le Bootstrap 3 est typeheadmême à l'époque - il ne semble pas être un moyen fiable de détection de démarrage de la version du site a été chargé.

    var bsVersion = ( typeof $.fn.typeahead !== 'undefined' ? '2.3.2' : '3.0.0' );
  3. 3

    Dans le cas où vous souhaitez extraire les de Bootstrap, version du basé sur ses observations dans CSS fichier, vous pouvez utiliser le code suivant. Il a été testé, pour vous assurer qu'il fonctionne.

    Supposer, que Bootstrap CSS du fichier contient un commentaire de l'affichage d'une version (il le fait toujours, en fait):

    /*!
 * Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
 */

    Retenir à propos de même originelors de l'utilisation de jQuery.get() méthode, où la demande ne pourra pas être exécutée avec succès, si la source de données est d'un autre domaine, sous-domaine, ou d'un protocole.

    $(function () {
    $.get("dist/css/bootstrap.min.css", function (data) {
        var version = data.match(/v[.\d]+[.\d]/);
        alert(version);
    });
});

    Exemple En Ligne

    En ligne de l'exemple ci-dessus, est basée sur l'accaparement des fichiers locaux à partir de jsfiddle.net mais pas de getbootstrap.compour des raisons de sécurité qui ont été déjà mentionné, et l'extraction d'un commentaire, qui doit s'afficher en conséquence, après vous frappez
    Exécuter bouton.

    Vous pouvez aussi le tester juste en allant à getbootstrap.coml'ouverture d'une console et de coller le code. Après que vous l'exécutez, vous obtiendrez la version actuelle de Bootstrap affichequi est v3.0.3 pour le moment.

  4. 0

    Je ne pense pas que c'est possible, après avoir navigué à travers le code source de bootstrap, Javascript plugins, la seule chose que montre la version est le commentaire sur le dessus de chaque plugin, ou de l'ensemble du paquet. Peut-être vous pouvez essayer d'analyser le fichier JS pour obtenir les commentaires et faire des regex pour obtenir la version qui est assez compliqué

  5. 0

    Dans mon scénario, j'ai une API qui a bootstrap mode de rendu et des besoins afin de déterminer les principaux de démarrage de la version. Je suis confronté à beaucoup d'occurences de implementators en utilisant uniquement le Bootstrap CSS et pas le javascript. J'ai donc bidouillé fonction suivante, qui, bien que pas parfait et propre, m'aide à détecter quelle version de bootstrap CSS est référencé (le cas échéant)

        function getBoostrapMajorVersion() {
        try {
            return Number(window['jQuery'].fn.tooltip.Constructor.VERSION.substring(0, 1));
        } catch (e) { }

        var testElement = document.createElement('div');
        testElement.setAttribute('style', 'display:block;width:100px;height:100px;position:absolute;opacity:0.001;');
        testElement.innerHTML = '<div style="display:block;" class="w-50 h-25"></div>';
        document.body.appendChild(testElement);

        if (testElement.childNodes[0].clientHeight == 25 && testElement.childNodes[0].clientWidth == 50) {
            document.body.removeChild(testElement);
            return 4;
        }

        testElement.innerHTML = ''
        testElement.setAttribute('class', 'hidden-xs hidden-sm hidden-md hidden-lg');
        if (testElement.clientHeight == 0) {
            document.body.removeChild(testElement);
            return 3;
        }
    }