2016-10-13 13 views
0

*更新*再直接モバイルユーザー

私が位置してみました。このスクリプトタグを、それが完璧に動作しますが、どのように私は戻ってメインのサイトにユーザーを再指示します。

<script>if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)){ 
 
window.location ="http://www.soultrainradio.co.uk/mobile.html";}</script>

種類が

こんにちはについて、私はウェブサイトを持っていると私は、訪問者が、私が作成したjQueryのサイトにリダイレクトされるようにしたいです。 これはやった

<script type="text/javascript"> 
 
if (screen.width <= 800){ 
 
\t document.location = "http://soultrainradio.co.uk/mobile.html/" 
 
} 
 
</script>

私も試してみました...

<script>if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)){ 
 

 
window.location ="http://soultrainradio.co.uk/mobile.html.";}</script>

...私はYouTubeでこのコードを見つけましたが、これは動作しませんAndroidで動作しません。

誰かがリダイレクトする正しいJSコードとなるものを教えてくれますか。

おかげ ゲイリー

+0

あなたの最初のものは、少なくともデスクトップブラウザで動作します。あなたの "screen.width"が確かに800以下ですか?あなたは "if"の前にconsole.log(screen.width)でテストしましたか? –

答えて

0

使用ライブラリmobile-detectは、あなたは、あなたのアカウントにすべてのシナリオを取ると確信しています:

<script src="http://rawgit.com/hgoebl/mobile-detect.js/master/mobile-detect.js"></script> 
 
<script> 
 
    var md = new MobileDetect(window.navigator.userAgent); 
 
    if (md.mobile()) { 
 
     alert ("User is not a mobile device: " + md.Mobile()); 
 
    } else { 
 
     alert ("User is on a desktop"); 
 
    } 
 
</script>

あなたはかどうかをチェックするためのより多くのオプションを持っている。この方法ユーザーはモバイル/タブレット/デスクトップを使用しており、正確なバージョンとブランドなどを取得しています。

+2

これは非常に簡単なアプローチですが、このライブラリの作者でさえ、ユーザエージェントベースの検出は信頼できる解決策ではなく、ルールは常に古いものであり、検出コードは常に更新してください(図書館のウェブサイトの警告部分をお読みください)。一般的に、それはかなりうまくいくので、あなたが間違ったページにリダイレクトされるかもしれないという心配がなければ心配はありません。私は自分のユーザーエージェント文字列をかなり頻繁に変更する;) –