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

最新推荐文章于 2024-01-29 11:15:29 发布

不二版本Eade

最新推荐文章于 2024-01-29 11:15:29 发布

阅读量1.1k

点赞数

分类专栏：互联网网站建设文章标签：不同分辨率分别调用js 百度商桥自适应

本文链接：https://blog.csdn.net/diandi7/article/details/81475524

版权

本文介绍了如何通过JavaScript判断屏幕分辨率，实现百度商桥在PC和移动端自适应显示。只需在HTML中加入特定的JS代码，并为移动端和PC端创建不同的JS文件，根据分辨率调用相应文件，确保在不同设备上正确显示商桥界面。

摘要由CSDN通过智能技术生成

百度商桥手机网站跟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端（举个栗子就是复制百度生成的商桥代码将下面进行替换即可）
移动端：