Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Conditionizr V4问题_Javascript_Wordpress - Fatal编程技术网

Javascript Conditionizr V4问题

Javascript Conditionizr V4问题,javascript,wordpress,Javascript,Wordpress,我试图将Conditionizr V4与WP站点一起使用,但无法使其正常工作 我已经通过functions.php添加了JS文件,如下所示(是的,该文件位于那里!): 然后,我将其添加到我的header.php中: <?php wp_head(); ?> <script> // conditionizr.com // configure environment tests conditionizr.config({

我试图将Conditionizr V4与WP站点一起使用,但无法使其正常工作

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

然后,我将其添加到我的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>

//conditionizr.com
//配置环境测试
conditionizr.config({
资产:'/assets/conditionizr/',
测试:{
“chrome”:[“class”],
“ie9”:[“类”],
“ie8”:[“类”]
}
});
polyfill('//html5shiv.googlecode.com/svn/trunk/html5.js',['ie6','ie7','ie8']);
但是当我检查源代码时,HTML标记中没有添加任何类

链接此处:


我错过了什么或做错了什么?!当我们重建Conditionizr时,版本4有了巨大的变化,不再将Detect打包为核心的一部分。这样测试更可靠,核心库的容量降到了1KB

首先,检查你使用的是最新版本,抓住它

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

铬():

IE9():

IE8():

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

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

可以找到所有其他检测以及。

我已经更新了代码,但现在css和js文件的文件路径不正确。不知道为什么,但它似乎省略了最后一个尾随斜杠。(参见chrome开发工具)我注意到的另一件事是,在这个版本的conditionizr中,当我为IE8添加detect时,.IE8类在IE10>F12开发工具上测试时不会显示。
conditionizr.add('chrome', [], function () {
  return !!window.chrome && /google/i.test(navigator.vendor);
});
conditionizr.add('ie9', [], function () {
  return (Function('/*@cc_on return (/^9/.test(@_jscript_version) && /MSIE 9\.0(?!.*IEMobile)/i.test(navigator.userAgent)); @*/')());
});
conditionizr.add('ie8', [], function () {
  return (Function('/*@cc_on return (@_jscript_version > 5.7 && !/^(9|10)/.test(@_jscript_version)); @*/')());
});
conditionizr.add('chrome', ['class'], function () {
  return !!window.chrome && /google/i.test(navigator.vendor);
});