当前位置:杨荣华 > 工作 > 文章页

解决响应式布局手机端禁止加载JS

来源:杨荣华博客 杨荣华 2015-10-14 浏览
0

今天来写一篇技术性文章--解决响应式布局手机端禁止加载JS,也是今天解决的一个让我困扰好久的问题。每当解决一个难题或者只是对于我来说的难题,心中不免有一丝胜利的喜悦之情,尽管是知其然不知其所以然,结果是解决了问题。

解决响应式布局手机端禁止加载JS

响应式网站布局就是网站自适应不同大小的屏幕,如常见的电脑端和手机端。响应式网站是电脑和手机是共用一套网站模板,所以在电脑上显示的理论上在手机上也显示,问题也就出现了,例如很多企业都有在线咨询功能,一般会弹出一个询邀请框,在电脑上弹出来虽然惹人烦,但还能忍受,而在手机上弹出来就不忍直视了,因为手机屏幕就那么大点,弹出来的对话框占了一半屏幕,很影响视线,所以我的观点就不要装。所以我就想实现,在线咨询邀请框只在电脑上弹出,而不要在手机端上弹出来,邀请框是通JS代码控制的,所以就要解决禁止JS在手机端加载,不加载,手机端上就不会弹出邀请框来,但是电脑还是需要的。

解决响应式布局手机端禁止加载JS

这种邀请框不陌生吧

说了这么久废话,现在给出解决方法:

<script>
function browserRedirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) )
{
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fc869b5c41ec58356912b70b078297462' type='text/javascript'%3E%3C/script%3E"))
}
}
browserRedirect();
</script>

在网页加入以上代码,注意红色代码是你想要加载的代码,会在电脑中加载,在手机中不加载,就解决了问题。你想加载的代码很多的话,最好做成JS文件,在网页中调用。

    上一篇:没有了 下一篇:dedecms文档关键词如何批量删除
    更多图文展示

    杨荣华博客--个人空间

    朴实的心灵记录着不起眼的事情,聊以慰藉逝去的时光和健忘的大脑

    版权所有 浙ICP备20015565号网站地图
    41.2K
    关注我的微信