今天来写一篇技术性文章--解决响应式布局手机端禁止加载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文件，在网页中调用。
