1. 程式人生 > >移動端適配之指令碼的載入控制

移動端適配之指令碼的載入控制

我在寫專案的時候,會把一些特效用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就不載入啦。

再次用手機訪問網站,發現沒有了。開心!