>웹 프론트엔드 >JS 튜토리얼 >방문자 터미널 유형 결정의 주요 내용_Javascript 팁

방문자 터미널 유형 결정의 주요 내용_Javascript 팁

WBOY
WBOY원래의
2016-05-16 15:56:221383검색

사용자가 휴대폰 등의 모바일 단말기를 이용하여 웹사이트에 접속할 경우, 프로그램을 통해 사용자의 단말기 종류를 파악하여 휴대폰 사용자일 경우 그에 맞는 모바일 사이트에 접속하도록 안내해 드립니다. 휴대폰 화면으로. 이 기사에서는 사용자 터미널 유형을 결정하기 위해 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() 함수를 호출하면 됩니다. 다음 코드와 같이 매칭된 사용자가 휴대폰으로 접속하면 m.jb51.net 모바일 버전 사이트로 페이지가 이동합니다.

 
if (is_mobile()) { 
  header('Location:http://m.jb51.net'); 
} else { 
  echo '请使用手机访问.'; 
} 

자바스크립트 버전

프런트 엔드 페이지에 직접 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("请使用手机访问."); 
} 

위 코드는 아직 완성되지 않았으며 관심 있는 친구가 추가할 수 있습니다.

물론 다양한 화면에 맞게 반응형 레이아웃을 사용할 수도 있어 개발 비용을 절약할 수 있습니다. 하지만 고객이 모바일 웹사이트에 대한 기능적 요구 사항이 있는 경우, 독립 모바일 사이트의 경우 웹사이트 입구에서 사용자 식별을 사용하는 것이 가장 좋습니다. .일반적으로 메인 홈페이지 홈페이지에서 접속 단말기 종류를 판단하고, 모바일 방문자일 경우 모바일 버전 페이지로 이동하며, 그렇지 않은 경우에는 일반 PC 방식으로 접속합니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.