Heim >Web-Frontend >js-Tutorial >Highlights zur Bestimmung des Besucherterminaltyps_Javascript-Tipps
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; }
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 '请使用手机访问.'; }
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("请使用手机访问."); }
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.