ホームページ > ウェブフロントエンド > jsチュートリアル > JSスクリプトはモバイルブラウザの種類に応じてWAPモバイルWebサイトにジャンプします(2つの方法)_JavaScriptスキル

JSスクリプトはモバイルブラウザの種類に応じてWAPモバイルWebサイトにジャンプします(2つの方法)_JavaScriptスキル

WBOY
リリース: 2016-05-16 15:47:25
オリジナル
1465 人が閲覧しました

モバイルインターネットの普及が続く中、企業のオンラインプロモーションはPC側に限定されず、モバイル側でも展開しています。自社 Web サイトで WAP 携帯電話を完成させた後、ユーザーが携帯電話から当社のトップレベル ドメイン名 Web サイトにアクセスした場合、当社は判断して、その専用の WAP Web サイトにジャンプする必要があります。以下の編集者は、それに応じて 2 つの方法を紹介します。モバイルブラウザタイプに移動すると、WAP モバイル Web サイトにジャンプします。具体的な内容は次のとおりです。

最初の方法: 直接 JS スクリプト

<script type="text/javascript">
try {
var urlhash = window.location.hash;
if (!urlhash.match("fromapp"))
{
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
{
window.location="http://www.laozuo.org(更换成自己的WAP网站)";
}
}
}
catch(err)
{
}</script>
ログイン後にコピー

2 番目の方法は、少し長くなりますが、

を引用することです。


function uaredirect(murl){
try {
if(document.getElementById("bdmark") != null){
return;
}
var urlhash = window.location.hash;
if (!urlhash.match("fromapp")){
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
location.replace(murl);
}
}
} catch(err){}
}
ログイン後にコピー

上記のスクリプトを mobile.js ファイルに保存し、呼び出す必要があるページで次の 2 つの JS 呼び出しファイルを参照します。

コードをコピー コードは次のとおりです:




どちらの方法もAndroidとIPHONEでテストしました。

上記は、2 つの方法でモバイル ブラウザの種類に応じて WAP モバイル Web サイトに移動する内容全体です。気に入っていただければ幸いです。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート