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

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

WBOY
WBOYオリジナル
2016-05-16 15:47:251466ブラウズ

モバイルインターネットの普及が続く中、企業のオンラインプロモーションは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 呼び出しファイルを参照します。

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

c18ce45ef01a6dc6bbf42431abf519cb2cacc6d41bbb37262a98f745aa00fbf0
4ec11beb6c39d0703d1751d203c17053uaredirect("http://www.laozuo.org (独自の WAP Web サイトに置き換えます)");2cacc6d41bbb37262a98f745aa00fbf0

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。