ホームページ > 記事 > ウェブフロントエンド > 2 つの JS スクリプトはモバイル ブラウザのタイプを決定し、WAP モバイル Web サイトにジャンプします_javascript スキル
モバイルデバイスの普及に伴い、企業のオンラインプロモーションはPC側だけでなく、モバイル側でも同時に成果を上げる必要があります。企業のWebサイトはPCで作られていましたが、もちろん携帯電話などのモバイル端末からもアクセスできますが、ユーザーエクスペリエンスは完全にモバイル端末に比べて決して便利ではありません。当社 Web サイト用の WAP モバイル Web サイトを構築した後、ユーザーが携帯電話を介して当社のトップレベル ドメイン名 Web サイトにアクセスすると、特別に設計された WAP Web サイトにジャンプします。
ここでは、Lao Zuo が現在使用している 2 つの JS スクリプトを整理しました。以前に友人から頼まれていたので、ここで共有します。
最初のタイプ: 直接 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 呼び出しファイルを参照します。
<script src="mobile.js" type="text/javascript"></script> <script type="text/javascript">uaredirect("http://www.laozuo.org(更换成自己的WAP网站)");</script>
私自身がテストした結果、両方の js スクリプトはモバイル ブラウザの種類を判断し、必要な友人が直接それを使用できるように WAP モバイル Web サイトにジャンプできます。