ホームページ > 記事 > ウェブフロントエンド > 訪問者端末タイプの決定のハイライト_Javascript のヒント
ユーザーが携帯電話などのモバイル端末を使用してウェブサイトにアクセスした場合、当社はプログラムを通じてユーザーの端末の種類を検出することができ、それが携帯電話ユーザーである場合には、ユーザーに適応したモバイルサイトへのアクセスを誘導します。携帯電話の画面へ。この記事では、PHP コードと JAVASCRIPT コードを使用してユーザー端末の種類を決定する方法を紹介します。
PHP バージョン
PHP の $_SERVER['HTTP_USER_AGENT'] を使用してモバイル ユーザー ブラウザのユーザー エージェントを取得し、既存のさまざまなモバイル ブラウザ エージェント ライブラリと一致するキーワードが含まれている場合、それは携帯電話 (モバイル) であると判断されます。端末)ユーザー。
function is_mobile() { $user_agent = $_SERVER['HTTP_USER_AGENT']; $mobile_agents = array("240x320","acer","acoon","acs-","abacho","ahong","airness","alcatel","amoi", "android","anywhereyougo.com","applewebkit/525","applewebkit/532","asus","audio", "au-mic","avantogo","becker","benq","bilbo","bird","blackberry","blazer","bleu", "cdm-","compal","coolpad","danger","dbtel","dopod","elaine","eric","etouch","fly ", "fly_","fly-","go.web","goodaccess","gradiente","grundig","haier","hedy","hitachi", "htc","huawei","hutchison","inno","ipad","ipaq","iphone","ipod","jbrowser","kddi", "kgt","kwc","lenovo","lg ","lg2","lg3","lg4","lg5","lg7","lg8","lg9","lg-","lge-","lge9","longcos","maemo", "mercator","meridian","micromax","midp","mini","mitsu","mmm","mmp","mobi","mot-", "moto","nec-","netfront","newgen","nexian","nf-browser","nintendo","nitro","nokia", "nook","novarra","obigo","palm","panasonic","pantech","philips","phone","pg-", "playstation","pocket","pt-","qc-","qtek","rover","sagem","sama","samu","sanyo", "samsung","sch-","scooter","sec-","sendo","sgh-","sharp","siemens","sie-","softbank", "sony","spice","sprint","spv","symbian","tablet","talkabout","tcl-","teleca","telit", "tianyu","tim-","toshiba","tsm","up.browser","utec","utstar","verykool","virgin", "vk-","voda","voxtel","vx","wap","wellco","wig browser","wii","windows ce", "wireless","xda","xde","zte"); $is_mobile = false; foreach ($mobile_agents as $device) { if (stristr($user_agent, $device)) { $is_mobile = true; break; } } return $is_mobile; }
上記のコードの is_mobile() 関数は、ユーザー端末のタイプを決定し、現在さまざまな携帯電話で収集された HTTP_USER_AGENT を配列 $mobile_agents に要約し、照合を実行するために使用されます。使用する場合は、関数 is_mobile() を呼び出すだけです。以下のコードのように、一致したユーザーが携帯電話からアクセスすると、携帯版Webサイトm.jb51.netにジャンプします。
if (is_mobile()) { header('Location:http://m.jb51.net'); } else { echo '请使用手机访问.'; }
JavaScript バージョン
JavaScript スクリプトをフロントエンド ページに直接追加して、ユーザーの端末タイプを判断することもできます。また、JavaScript はブラウザのユーザー エージェント情報を取得し、既存のユーザー エージェント情報ライブラリと照合します。
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|iPad|Backerry| WebOS|Symbian|Windows Phone|Phone)/i))) { location.replace("http://m.jb51.net") }else{ document.write("请使用手机访问."); }
上記のコードはまだ完成していませんので、興味のあるお友達はぜひ追加してください。
もちろん、さまざまな画面に合わせてレスポンシブ レイアウトを使用することもできます。これにより、開発コストを節約できます。ただし、顧客がモバイル Web サイトの機能要件を持っている場合、独立したモバイル サイトの場合は、Web サイトの入り口でユーザー ID を使用するのが最善です。通常、メインウェブサイトのトップページでアクセス端末の種類を判断し、モバイルの場合はモバイル版のページにジャンプします。