仅在移动设备上的新标签页中打开链接答案

【问题标题】：Open link only on mobile devices in a new tab仅在移动设备上的新标签页中打开链接
【发布时间】：2017-03-29 17:56:56
【问题描述】：

我正在做一个网络项目，遇到了麻烦：

在 PC 上链接指向 iframe 灯箱，并且可以正常工作。太酷了。

在移动设备上点击链接时没有任何反应（没有 iframe 框打开..）

所以我认为解决方案可能是：在移动设备上它只是打开一个新标签而不是 iframe 灯箱

这可能吗？如何在移动设备上的新标签页中打开链接？

【问题讨论】：

简单的解决方案是有两个链接，并且仅通过 css 显示一个，限制视口大小。 @media (max-width: yourMobileWidth) { ... }
向我们展示一些您如何编写链接和 iframe 的代码

标签： php html

【解决方案1】：

正如您提到的方法，是的，它可以在 JavaScript 中分两步进行。

1) 确定它是否是移动设备。

2) 相应地打开链接。

object.onclick = function(){
    if (/Android|Windows|iPhonewebOS|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)) {
        Console.log("Mobile Device Found, Open Links in a new Tab");
        function openInNewTab(url) {
            var win = window.open(url, '_blank');
            win.focus();
        }
    }
    else{
        Console.log("Mobile Device Not Found, Open Links in lightBox");
        window.open(url,"_self");
    }
};

【讨论】：