JSで携帯サイトURLへジャンプする際の注意点を詳しく解説

この記事では、JS がモバイル Web サイトの URL にジャンプする際の注意事項の詳細な例を主に説明します。それが皆様のお役に立てれば幸いです。

当社のモバイル サイト プラットフォームの当初の設計意図は、既存の PC サイト プラットフォームと接続することであり、これまですべてのユーザーが当社の PC サイト サービスを使用していましたが、現在は PC サイトと同じ Web サイト データを備えたモバイル サイトを取得できるようになりました。パソコンサイト。重要な点は、古いユーザーは料金を支払う必要がなく、無料であるということです。 (PC サイトの顧客は、そう考えると少し興奮します。) しばらくオンラインにしていると、多くの顧客が携帯電話にあれやこれやの QR コード スキャン ソフトウェアをインストールし、非常に興味を持っているように感じます。携帯電話に向かって、WebサイトのQRコードをスキャンします。

本題に入りましょう:

これ以上ナンセンスではありません。私たちの評判のために多くの顧客がここに来ています。PC の顧客ではない顧客が私たちのモバイル サイト サービスを購入していることがわかり、そこからどうやってジャンプするかという問題が生じました。 PC サイトからモバイル サイトへの移行が問題です。

クライアントのnavigator.userAgentをJavaScriptで取得して、URLジャンプを使うのが良い方法だと思います。

それでは、コード:

var isMobile = {
  Android: function() {
    return navigator.userAgent.match(/Android/i) ? true : false;
  },
  BlackBerry: function() {
    return navigator.userAgent.match(/BlackBerry/i) ? true : false;
  },
  iOS: function() {
    return navigator.userAgent.match(/iPhone|iPod/i) ? true : false;
  },
  Windows: function() {
    return navigator.userAgent.match(/IEMobile/i) ? true : false;
  },
  Linux: function() {
    return navigator.userAgent.match(/Linux/i) ? true : false;
  },
  any: function() {
    return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows() || isMobile.Linux());
  }
};
setTimeout(function() {
  if (isMobile.any()) {
    var body = document.getElementsByTagName('body');
    body[0].style.display='none';
    location.href = "http://m.某某.com/";
  }
}, 10);

簡単な分析:

1. どのデバイスで URL にジャンプする必要がありますか?

XP、win7、Macでは通常、モバイルサイトへのジャンプは行われません。

Android、BlackBerry、iOS、Windows mobile (電話)、Linux および市場のその他のシステムは、一般的に使用されているモバイル オペレーティング システムです。 Firefox の webOS や「昔の」Nokia Symbian などは国内外に市場がないようなので、考えないでください。

2. ページが飛んだときの問題は何ですか?

1. 元の PC ウェブサイトは、URL にジャンプする前にすでにレンダリングされている可能性があります。ジャンプ効果は硬すぎます。ターミナルで、すぐに本文を非表示に設定します

2. window.onload または setTimeout を使用しますか?

回答: setTimeout をいつ実行するかは私が選択しますが、忌まわしい window.onload ではメソッドを実行する前にすべてのリソースがダウンロードされるのを待つ必要があるため、setTimeout(); を使用することをお勧めします

概要:

端末デバイスについて上記のコードは非常に表面的で、恥ずかしい URL ジャンプを作成します。これは最後の手段です。サーバーがクライアントの要求ヘッダー情報に基づいてデバイスの特性を判断する場合は、それに応じて異なるリソースを返すことをお勧めします。

関連する推奨事項:

以上がJSで携帯サイトURLへジャンプする際の注意点を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。