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

Question

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

整个网站 (www.example.com) 适用于 iOS 设备，并包含一个指向基于 Flash 的应用程序页面的链接（在不同的主机 - app.example.com 上）。这个特定的应用程序有一个 iOS 版本，可以在 iPad 上使用。单击链接时，我只想将计算机用户发送到 Flash 应用程序页面，并将 iPad 用户发送到告诉他们有关 iOS 应用程序的页面（在 www.上）。

我的设想是这样的：

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

如果'isiPad'=true，那么

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

否则

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

Answer 1

您可以通过 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');
    }
});

（假设您还为链接提供了“link_id”的 ID）

Answer 2

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');
     }
});