CSS適応を通じてPCやモバイル端末にさまざまなスタイルを表示したくない場合は、モバイル端末のPC Webページにアクセスするときにのみ、対応するモバイルWebサイトにジャンプできます。では、ジャンプする方法は?インターネット上には、以下の実装のアイデアを説明するための多くの記事もあります。編集者はそれらをテストしており、自信を持って使用できます。
1。効果画像
PCアクセスディスプレイ:
モバイルアクセスディスプレイ:
2。実装:
モバイル検索エンジンの最適化を検討しない場合は、モバイル端末がJSを介してモバイルであるかどうかを判断し、指定されたページにジャンプするかどうかを判断する必要があります。メインJSは次のとおりです。
//モバイル端末かどうかを判断します。その場合、指定されたURLアドレス機能にジャンプしますbrowserRedirect(url){//読み取り専用文字列、http要求のためにブラウザーによって使用されるユーザーエージェントヘッダーの値を宣言しますvar suseragent = navigator.useragent.tolowercase(); var bisiphoneos = suseragent.match(/iphone os = = en suseragent.match(/midp/i)== "midp"; var bisuc7 = suseragent.match(/rv:1.2.3.4/i)== "rv:1.2.3.4"; var bisuc7 = suseragent.match(/rv:1.1.2.3.4/i)== "rv:1.2.3.4"; var bisuc = " suseragent.match(/ucweb/i)== "ucweb"; var bisandroid = suseragent.match(/android/i)== "android"; var bisce = suseragent.match(/windows/i)== "windows ce"; var biswm = suseragent.match(/windows mobile "; bisuc7 ||。次に、ページでJSを参照して、次の方法を呼び出します。
<script src = "../ js/wap.js"> </script> <script type = "text/javascript"> browserRedirect( "http://ycdoit.com/test/testmobile.html"); </script>
Wulin Netizensは、PCとMobileを使用してテストページにアクセスして効果を示すことができます。
この記事が紹介するJSベースのモバイルアクセスページについては、JSに基づいてPCページにアクセスするときに、対応するモバイルWebページにジャンプします。私はあなたにたくさん紹介します。それがあなたに役立つことを願っています!