Heim > Web-Frontend > js-Tutorial > Hauptteil

Highlights zur Bestimmung des Besucherterminaltyps_Javascript-Tipps

WBOY
Freigeben: 2016-05-16 15:56:22
Original
1376 Leute haben es durchsucht

Wenn ein Benutzer ein mobiles Endgerät wie ein Mobiltelefon verwendet, um auf die Website zuzugreifen, können wir den Benutzerterminaltyp über das Programm erkennen. Wenn es sich um einen Mobiltelefonbenutzer handelt, leiten wir den Benutzer zum Zugriff auf eine angepasste mobile Website auf den Handy-Bildschirm. In diesem Artikel wird die Verwendung von PHP- und JAVASCRIPT-Codes zur Bestimmung des Benutzerterminaltyps vorgestellt.

PHP-Version

Wir verwenden $_SERVER['HTTP_USER_AGENT'] von PHP, um den Benutzeragenten des mobilen Benutzerbrowsers abzurufen, und gleichen dann verschiedene vorhandene Agentenbibliotheken für mobile Browser ab. Wenn es übereinstimmende Schlüsselwörter enthält, wird festgestellt, dass es sich um ein Mobiltelefon (mobil) handelt Terminal) Benutzer.

 
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; 
} 
Nach dem Login kopieren

Die Funktion is_mobile() im obigen Code wird verwendet, um den Benutzerterminaltyp zu bestimmen, die gesammelten HTTP_USER_AGENTs verschiedener heutiger Mobiltelefone im Array $mobile_agents zusammenzufassen und einen Abgleich durchzuführen. Wenn Sie es verwenden, rufen Sie einfach die Funktion is_mobile() auf. Wie im folgenden Code gezeigt, springt die Seite zur mobilen Version der Website m.jb51.net, wenn der entsprechende Benutzer über ein Mobiltelefon zugreift.

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

Javascript-Version

Sie können der Frontend-Seite auch direkt ein Javascript-Skript hinzufügen, um den Terminaltyp des Benutzers zu bestimmen. Javascript ruft auch die User-Agent-Informationen des Browsers ab und gleicht sie dann mit der vorhandenen User-Agent-Informationsbibliothek ab.

 
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("请使用手机访问."); 
} 
Nach dem Login kopieren

Der obige Code ist noch nicht vollständig und interessierte Freunde können ihn gerne ergänzen.

Natürlich können wir auch ein responsives Layout verwenden, um es an verschiedene Bildschirme anzupassen, wodurch Entwicklungskosten gespart werden können. Wenn Kunden jedoch funktionale Anforderungen an mobile Websites haben, ist es für unabhängige mobile Websites am besten, die Benutzeridentifikation am Website-Eingang zu verwenden Im Allgemeinen beurteilen wir den Zugriffsterminaltyp auf der Startseite der Hauptwebsite. Wenn es sich um einen mobilen Besucher handelt, wird er auf die Seite der mobilen Version weitergeleitet.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage