之前做的一个小项目是一个个人简历的页面,其中遇到一个小问题,今天来总结一下。页面中引入了一个 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 }