2017-10-10 7 views
0

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://stackoverflow.com/questions/11381673/detecting-a-mobile-browser –

答えて

0

あなたはOSだけでなく、ブラウザの詳細を決定するためにnavigator.userAgentを使用することができます。

この値に基づいてクラスを使用します。

0

これは私が大好きな1つのスクリプトではできないようです。

まずiPadの

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

は、誰かが私は1でこれを行う方法を知っていることができるかどう取り戻すために、インデックスの複製ページを

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

をリダイレクト?

関連する問題