判断访客用户不同分辨率分别执行调用不同js文件(适用百度商桥PC移动端自适应)

百度商桥手机网站跟pc网站的客服代码是分开的,如果你的公司网站建设的时候使用的自适应那么就很有可能遇到(百度商桥客服系统自适应pc和手机客户端显示不同的商桥界面)的问题:

根据不同的访问用户分辨率执行调用不同的js文件来解决百度商桥自适应网站的问题

其实这个问题很简单通过js判断屏幕分辨率大小,根据不同的分辨率分别调用移动端的商桥与PC端的商桥即可,下面直接切入解决方法。
1.HTML中的javascript代码:

<SCRIPT language=JavaScript>

if(window.screen.width<=960){  

    document.write('<script type="text/javascript" src="{移动端.js"><\/script>');  

}  

if(window.screen.width>=1320){  

    document.write('<script type="text/javascript" src="{PC端.js"><\/script>');

}   

</script>



2.单独建立2个js文件,一个移动端,一个pc端(举个栗子就是复制百度生成的商桥代码将下面进行替换即可)
移动端:

var _hmt = _hmt || []; 

(function() { 

  var hm = document.createElement("script"); hm.src = "百度商桥移动端调用的js路径";

  var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();

document.write('<script type="text/javascript" src="离线宝代码js路径"><\/script>');

PC自适应端:

var _hmt = _hmt || []; 

(function() { 

  var hm = document.createElement("script"); hm.src = "百度商桥PC端调用的js路径";

  var s = document.getElementsByTagName("script")[0]; 

  s.parentNode.insertBefore(hm, s); })(); 

document.write('<script type="text/javascript" src="离线宝代码js路径"><\/script>');

这里需要提醒的是,百度生成的代码所调用的js的id都是不一样的所以要注意。

文章来源:不二版本Eade/重庆网站建设

原文地址:http://www.jusiboxin.com/news/pla/1020.html

猜你喜欢

转载自blog.csdn.net/diandi7/article/details/81475524
今日推荐