如何在移动端不加载不必要的js和动画等
首页>>技术教程>>正文
本篇文章更新于 2021-08-07 19:06:21
本篇文章更新于 2021-08-07
如何在移动端不加载不必要的js和动画等

网页特效越来越多,如上期分享的蜂窝特效就是直接引用了大神们的JS,在PC端运行还不错,炫酷,但似乎对移动端就不那么友好了,必竟对于移动端来说:

1、硬件情况并比不上PC端(暂时),运行特效js需要手机GPU很好,但也会发烫
2、屏幕不大、特效太多影响美观,其实由于自适应的原因,特效并没有一直在,所以在白白浪费资源。

所以对于引用的一些js来说,如蜂窝特效:

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

这样的代码肯定在web和wap端都会加载的,那如何在wap不加载呢?:

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

给网站添加随机不同广告代码

2021-8-6 20:45:56

技术教程

纯代码给WordPress网站添加新年倒计时功能 可做任意倒计时

2021-8-7 19:28:35

重要说明

本站资源大多来自网络,如有侵犯你的权益请联系管理员或给邮箱发送邮件zhouqiuqiu123@foxmail.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip(点击下载),zip、rar解压,建议下载WinRAR(点击下载)

敏而好学,不耻下问。——孔子