Question

我正在尝试仅在桌面上重定向Safari浏览器。我在标题中有一个视频，背景颜色与标题背景相匹配。问题是OS X上的Safari显示颜色不同。在适用于iPad和iPhone的Safari上，颜色是正确的，与Chrome，I.E。相匹配。和Firefox。所以我制作了一个不同的颜色背景来匹配Safari桌面的视频，但是当我将浏览器重定向到Safari时，它还会重定向iPad和iPhone，然后显示颜色问题。

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

Answer 1

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

根据此值使用class。

Answer 2

我似乎无法在一个脚本中做到这一点，我很乐意。

首次重定向

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";}

有人可以让我知道怎么做吗？

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

2 个答案: