判断访客不同分辨率执行不同JS文件的正确调用方法

作者：admin 时间：2018-08-06 11:09

字号

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

其实这个问题很简单通过js判断屏幕分辨率大小，根据不同的分辨率分别调用移动端的商桥与PC端的商桥即可，下面直接切入解决方法。
1.HTML中的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都是不一样的所以要注意。

责任编辑：CQITer新闻报料：400-888-8888 本站原创，未经授权不得转载

继续阅读

热新闻