javascript - Conditionizr V4 问题

Question

我尝试在 WP 网站上使用 Conditionizr V4，但无法使其正常运行。

我已经通过functions.php添加了JS文件，如下所示(是的，该文件位于那里!):

    wp_register_script('conditionizr', get_template_directory_uri() . '/assets/js/vendor/conditionizr.js', array(), '4.3.0'); // Conditionizr
wp_enqueue_script('conditionizr'); // Enqueue it!

然后我将其添加到我的 header.php 中:

     <?php wp_head(); ?>    
    <script>
    // conditionizr.com
    // configure environment tests
    conditionizr.config({
        assets: '<?php echo get_template_directory_uri(); ?>/assets/conditionizr/',
        tests: {
            'chrome':['class'],
            'ie9': ['class'],
            'ie8': ['class']
        }
    });
    conditionizr.polyfill('//html5shiv.googlecode.com/svn/trunk/html5.js', ['ie6', 'ie7', 'ie8']);
 </script>
</head>

但是我查看源代码，HTML标签中没有添加类？

链接在这里:http://website-test-lab.com/sites/xpect/

我错过了什么或做错了什么？!提前致谢

Answer 1

当我们重建 Conditionizr 时，版本 4 发生了巨大的变化，并且不再将检测打包为核心的一部分。这样测试更加可靠，核心库也减少到只有 1KB!

首先，检查您使用的是最新版本，获取 here .

其次，您需要添加这些测试，但需要在上面声明它们conditionizr.config():

Chrome (source):

conditionizr.add('chrome', [], function () {
  return !!window.chrome && /google/i.test(navigator.vendor);
});

IE9 ( source ):

conditionizr.add('ie9', [], function () {
  return (Function('/*@cc_on return (/^9/.test(@_jscript_version) && /MSIE 9\.0(?!.*IEMobile)/i.test(navigator.userAgent)); @*/')());
});

IE8 ( source ):

conditionizr.add('ie8', [], function () {
  return (Function('/*@cc_on return (@_jscript_version > 5.7 && !/^(9|10)/.test(@_jscript_version)); @*/')());
});

在版本 4 中，您还可以选择是否使用配置模块来声明哪些测试，或者如果更容易，您可以将它们添加到空数组中，例如 class:

conditionizr.add('chrome', ['class'], function () {
  return !!window.chrome && /google/i.test(navigator.vendor);
});

可以找到所有其他检测here以及Docs .