Android と iOS のユーザーを、そのユーザー向けのモバイル ページにリダイレクトしたいと考えています。以下のコードで成功しました:
<script type="text/javascript"> // <![CDATA[
if ((navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1)) {
document.location = "http://www.example.com/ios";
} // ]]></script>
<script type="text/javascript"> // <![CDATA[
if ( (navigator.userAgent.indexOf('Android') != -1) ) {
document.location = "http://www.example.com/android";
} // ]]></script>
唯一の問題は、両方のサイトに「サイト全体を表示」リンクがあり、ループし続けることです. 上記のコードを使用するには何らかの方法が必要ですが、リンクをクリックした場合にサイト全体を表示できるようにします。私が見た解決策は、Cookie を使用することでしたが、そのための良い方法がわかりません。
最後の問題は、このコードをサイトのインデックスにのみ適用したいということです。誰かが内部ページにアクセスした場合、モバイル リダイレクトはトリガーされません。
私は 3 つの問題すべての解決策を個別に見てきましたが、すべてのニーズを 1 つの優れた方法で組み合わせたものはありません。
ありがとう。