最近、私たちはチームのプロジェクト「Wings of Coffee」で忙しくしています。このプロジェクトでは、モバイルプラットフォームに優れた体験を提供しています。 Androidプラットフォームの繁栄。国内のスマートフォン業界を推進しているだけでなく、多くの国内開発者もAndroidモバイル端末の大きな波に専念し始めています。多くのインターネット波を逃した場合。そうすれば、このAndroidの波を見逃してはなりません。現在、「コーヒーウィング」用のモバイルターミナルとAndroidクライアントを開発しています。誰もがAndroidまたはiOSオペレーティングシステムの携帯電話を使用し、ドメイン名www.sygxy.cnに直接アクセスしてモバイル端末効果を視聴します。同時に、Androidクライアントは、Tencentの「アプリケーショントレジャー」および「Baidu Mobile Assistant」アプリケーションストアで発売されました。 「Wings of Coffee」を直接検索してダウンロードできます。プロモーションなしでは、1週間しかリリースされておらず、100を超えるダウンロードがあります。
モバイル端末を最適化する必要がある場合は、クライアントのアクセスデバイスが何であるかを判断する必要があります。判断結果を介して、使用できないドメイン名アドレスを返してから、異なるCSSファイルをロードします。
私たちが使用する判断方法は、ユーザーエージェント値を通じて判断を下すことです。 JavaScriptフレームワークでNavigatorオブジェクトのユーザーエージェントプロパティを使用します。ナビゲーターオブジェクトにはパブリックスタンダードはありませんが、このオブジェクトは現在、市場のすべてのブラウザによってサポートされています。ユーザーエージェント属性を使用して、クライアントが送信したサーバーのユーザーエージェントヘッダーの値を返します。ヘッダー情報には、サーバー、ユーザークライアントのブラウザー、オペレーティングシステム情報の伝えるために使用されるユーザーエージェントがあります。正規表現を使用して、ユーザーエージェント値を取得します。ローカル価値で決定します。このマッチング値は、AndroidやiOSなどのモバイルオペレーティングシステムにするか、ブラウザの名前にすることができます。試合がある場合、ジャンプします。そうしないと、ジャンプして直接PC側のホームページに移動しません。
特定のコード実装には、JavaScriptスクリプト言語を使用して、Webサイトの移植性を向上させます。私の意見では、この技術を使用することには2つの利点があります。
1：ウェブサイトの移植性を向上させることができます。チームが後続のWebプロジェクトでモバイル端末の効果を再度追加する必要がある場合、JSコードのこの部分を簡単に導入して判断を下すことができます。将来の作業効率を改善します。
2：2番目のポイントは、Webプログラムが未使用のインターフェイスにロードされるように促進すること、およびモバイルターミナルの判断コードのこの部分を導入するかどうかです。
特定の実装：
アクセスを判断するためにスクリプトを抽出します。ページをクライアント端末で審査する必要がある場合は、<script> </script>を使用して、ページにスクリプトプログラムを紹介します。特定の判断コードは次のとおりです。
コードコピーは次のとおりです。
functionuaredirect（f）{
{if（
document.getElementById（ "bdmark"）！= null）{
戻る
}
var b = false;
if（arguments [1]）{
var e = window.location.host; var a = window.location.href;
if（issubdomain（arguments [1]、e）== 1）{
f = f+"/＃m/"+a; b = true} else {if（issubdomain（arguments [1]、e）== 2）{f = f+"/＃m/"+a; b = true}
else {f = a; b = false}}}
else {b = true} if（b）{var c = window.location.hash;
if（！c.match（ "fromapp"））{
if（（navigator.useragent.match（/（iphone | iPod | android | iOS | iOS | i）））{location.replace（f）}}}}}}}}}}}}} {<br>} <br>}}