根据显示设备的不同加载不同的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 }

 

posted @ 2018-03-01 17:47  endlessmy  阅读(195)  评论(0)  编辑  收藏  举报