根据显示设备的不同加载不同的JS

之前做的一个小项目是一个个人简历的页面,其中遇到一个小问题,今天来总结一下。页面中引入了一个 wow.js滚动的插件,在PC端浏览效果挺好的,但在移动端打开就有问题,最终解决方法是页面只在PC端显示时加载该动画,而移动端显示时不加动画。

那么就需要判断页面是在PC端打开的,还是移动端打开的。

附上代码如下:

1 if( /Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent)){
2     console.log('此为移动端打开')
3 }else{
4     document.write('<script type="text/javascript" src="js/wow.min.js"><\/script>');
5 }

 

转载于:https://www.cnblogs.com/endlessmy/p/8489701.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值