我正在制作的网站(这里)的所有图像都是 SVG。但由于 SVG 并非在所有地方都兼容(尤其是 IE <9 和 2.x 版本的 Android 浏览器),我需要找到一种解决方法。那不可能是 SVGweb,因为它使用 Flash,而 Flash 不能在移动设备上运行。
所以我以为我找到了一个可行的解决方案。
兼容性.js:
$(document).ready(function() {
yepnope({
test: Modernizr.svg,
nope: ['extensions/canvg/rgbcolor.js','extensions/canvg/canvg.js'],
complete: function(url,result,key) {
if(!Modernizr.svg) {
yepnope({
test: Modernizr.canvas,
nope: 'extensions/excanvas.compiled.js',
complete: function() {
canvg();
}
});
}
}
});
});
但这似乎没有任何效果,而且由于没有错误而且我找不到任何逻辑错误,我很难过。这是我的标签,以防我弄乱了某些东西的加载顺序。
<script type="text/javascript" src="extensions/less-1.3.3.min.js"></script>
<script type="text/javascript" src="extensions/jquery-1.9.1.min.js"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
IE!!!!
<script type="text/javascript" src="extensions/selectivizr-min.js"></script>
<![endif]-->
<script type="text/javascript" src="extensions/modernizr-2.6.2.min.js"></script>
<script type="text/javascript" src="compatibility.js"></script>
<script type="text/javascript" src="scripts.js"></script>
<title>Myriam coiffure et esthétique</title>
此外,这不是主要问题,但如果您碰巧弄清楚 Selectivizr 为何不起作用,请务必告诉。