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

Posted smy225

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了根据显示设备的不同加载不同的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 }

 

以上是关于根据显示设备的不同加载不同的JS的主要内容,如果未能解决你的问题,请参考以下文章

根据父活动在片段中调用不同的方法

将相同的图库图像加载到两个不同的活动片段中 Android Picasso

GraphQL 查询,根据某些条件使用片段。已加载 GraphQL 文件

js代码中怎么根据得到的数字正负显示不同的颜色?

vue+element 根据状态,显示不同的操作按钮

jQuery 是如何判断HTML页面加载完毕的?它的原理是啥?