Question

我已经在我的网站www.magnify.mx上安装了Facebook聊天图标，但我希望它仅在桌面上显示，并隐藏在手机和平板电脑中。有没有办法让它不在移动设备上显示？我可以添加一条代码行吗？

这是代码

<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/es_LA/sdk/xfbml.customerchat.js#xfbml=1&version=v2.12&autoLogAppEvents=1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- Your customer chat code -->
<div class="fb-customerchat"
  greeting_dialog_display="hide"
  attribution=setup_tool
  page_id="1663984783903917"
  theme_color="#000000"
  logged_in_greeting="¡Hola! ¿En qué podemos ayudarte?"
  logged_out_greeting="¡Hola! ¿En qué podemos ayudarte?">
</div>

预先感谢

Answer 1

您可以使用

@media only screen and (max-width: 768px) {
   .fb-customerchat{
      display: none;
   }
}

或者您可以按照以下步骤在脚本中检查屏幕宽度

<script>(function(d, s, id) {
   if(document.body.clientWidth<769) return;
   ...
 }(document, 'script', 'facebook-jssdk'));
</script>`

在手机上隐藏Facebook Messenger客户聊天

1 个答案: