javascript – 仅针对单个href更改检测iPad(或iOS)

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

整个站点(www.example.com)适用于iOS设备,并包含一个指向基于闪存的应用程序页面的链接(在不同的主机上 – app.example.com).此特定应用程序具有可在iPad上使用的iOS版本.单击链接后,我只希望将计算机用户发送到Flash应用程序页面,并将iPad用户发送到一个页面(在www.上),告诉他们有关iOS应用程序的信息.

我想象的是：

如果用户在iPad上,请使用头部的iOS检测脚本将“isiPad”变量设置为“true”.然后在身体的东西,如：

如果’isiPad’=真,那么

<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>

解决方法:

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