Javascript Conditionizr V4问题
我试图将Conditionizr V4与WP站点一起使用,但无法使其正常工作 我已经通过functions.php添加了JS文件,如下所示(是的,该文件位于那里!): 然后,我将其添加到我的header.php中: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({
<?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);
});