移动端适配之脚本的加载控制

我在写项目的时候，会把一些特效用script脚本加载进来，这样在网页上看起来就非常漂亮，但是放在移动端，不仅消耗性能，而且非常的丑。
于是我经过学习，发现可以这样来控制是否加载script。

拿我用的CDN上的蜂窝特效举例：

<script src="canvas-nest.min.js" type="text/javascript"></script>

这是一开始我的写法，这样会在PC和移动端都加载。
然后改成了下面这样：

<script>
if (screen && screen.width >768 ) {
document.write('<script src="canvas-nest.min.js" type="text/javascript"><\/script>');
}
</script>

就是屏幕宽度小于768时，这段script就不加载啦。

再次用手机访问网站，发现没有了。开心！