仅在桌面上重定向Safari浏览器

问题描述:

我正试图在桌面上重定向Safari浏览器。我在标题中有一个视频,背景颜色与标题背景相匹配。问题是OS X上的Safari显示的颜色不同。在iPad和iPhone的Safari上,颜色是正确的,匹配Chrome,I.E.和Firefox。所以我做了一个不同的颜色背景,以便与Safari桌面上的视频相匹配,但是当我重定向Safari的浏览器时,它也重定向iPad和iPhone,然后显示颜色问题。仅在桌面上重定向Safari浏览器

var uagent = navigator.userAgent.toLowerCase(); 
if(/safari/.test(uagent) && !/chrome/.test(uagent)) 
{ 
    window.location.href = "index_safari.html" 
} 

任何建议只在桌面上的目标Safari,并允许ios上的Safari浏览器留在该页面将不胜感激。

http://webedelic.com/webedelic/index.html

+0

这是一个非常随机的事情。无论如何,你可以添加另一个条件来避免移动设备。看看这篇文章:https://*.com/questions/11381673/detecting-a-mobile-browser –

您可以使用navigator.userAgent以确定操作系统以及浏览器的详细信息。

使用基于此值的类。

我似乎无法得到它在一个脚本,我很想做到这一点。

首先重定向

var uagent = navigator.userAgent.toLowerCase(); 
if(/safari/.test(uagent) && !/chrome/.test(uagent)) 
{ 
    window.location.href = "index_safari.html" 
} 

那么指数的复制页面获得回来,如果一台iPad

if ((navigator.userAgent.indexOf('iPad') != -1)) {document.location = "index_ipad.html";} 

有人可以让我知道如何在一个做到这一点?