仅检测 iPad（或 iOS）的单个 href 更改

Question

我搜索了很多帖子，发现了很多可以将 iOS 设备重定向到不同页面的脚本。但我不想更改整个页面，只想更改一个链接。

整个网站 (www.example.com) 在 iOS 设备上运行良好，并且包含一个指向基于 Flash 的应用程序页面的链接（在另一台主机上 - app.example.com）。此特定应用程序有一个可在 iPad 上使用的 iOS 版本。单击链接时，我只是希望将计算机用户发送到 flash 应用程序页面，将 iPad 用户发送到告诉他们有关 iOS 应用程序的页面（位于 www.）。

我设想这样的事情：

如果用户使用 iPad，则在 head 中使用 iOS 检测脚本将“isiPad”变量设置为“true”。然后在主体中的功能如下：

if 'isiPad'=true, then

<a href="http://www.example.com/useiOSapp.html"> Run the App </a>

else

<a href="http://app.example.com/flash-app-page.html">Run the App</a>

Answer 1

HTML

<a id="myLink" href="">Run App</a>

JavaScript

$(document).ready(function($){
    var deviceAgent = navigator.userAgent.toLowerCase();
    var agentID = deviceAgent.match(/(iphone|ipod|ipad)/);
    if (agentID) {
        $('#myLink').attr('href', 'http://example.com/useiOSapp.html');
    }else
     { 
         $('#myLink').attr('href', 'http://example.com/flash-app-page.html');
     }
});

Answer 2

您可以通过 htaccess 运行它并重写 URL。

RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$
RewriteRule ^http://example.com/flash-app-page.html$ http://example.com/useiOSapp.html [R=301]

或者，您可以将其声明为 js var：

var isiPad = navigator.userAgent.match(/iPad/i) != null;

然后在准备好时调用重写 url 的函数...
jquery 版本：（

$(document).ready(function(){
    if(isiPad)
    {
        $('#link_id').attr('href', 'http://example.com/useiOSapp.html');
    }
});

假设您还为链接指定了 ID“link_id”）