Question

我正在使用此代码启动弹出窗体供人们与我们联系

<a id="pinfo" class="ajax pullup cboxElement" href="#contact-form">Enquiries</a>

但是，这种弹出窗体在移动浏览器上表现不佳。

我想知道我是否可以使用一些javascript代码来检测移动浏览器，并指向href而不是弹出窗体中的电子邮件地址链接。

Answer 1

如果你想要一些简单的东西，这样的解决方案就可以了。

页面加载完成后，将检查屏幕的宽度。

如果检测到小屏幕，它将用电子邮件链接替换HREF

$(document).ready(function(){
    if ( screen.width < 800 ) {
       $('#pinfo').attr('href','mailto:email@address.com');
    };
});

另一种方法是检测手持设备而不是屏幕宽度，如下所示：

$(document).ready(function(){

if(     /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
       $('#pinfo').attr('href','mailto:email@address.com');
  };
  });

根据您的目标，这些解决方案之一应满足您的需求。

祝你好运！

检测移动设备并更改HTML

1 个答案: