Wie ermittelt js, ob der Benutzer auf die Javascript-Kenntnisse eines PCs oder eines mobilen Endgeräts zugreift?

Kürzlich waren wir mit dem Projekt „Coffee Wings“ unseres Teams beschäftigt, bei dem wir ein hervorragendes Erlebnis für mobile Plattformen bieten. Mit der boomenden Entwicklung der Android-Plattform. Es hat nicht nur die heimische Smartphone-Industrie vorangetrieben, sondern auch viele inländische Entwickler haben begonnen, sich der Welle mobiler Android-Terminals anzuschließen. Wenn es viele große Internetwellen gibt, haben Sie es verpasst. Dann dürfen Sie sich diese Android-Welle auf keinen Fall entgehen lassen. Derzeit haben wir mobile Endgeräte und Android-Clients für „Wings of Coffee“ entwickelt. Wenn Sie ein Mobiltelefon mit Android- oder IOS-Betriebssystem verwenden, können Sie direkt den Domainnamen www.sygxy.cn besuchen, um die Auswirkungen auf mobile Endgeräte anzuzeigen. Gleichzeitig wurde der Android-Client in Anwendungszentren wie dem „App Store“ und dem „Baidu Mobile Assistant“ von Tencent bereitgestellt. Sie können direkt nach „Wings of Coffee“ suchen, um es herunterzuladen. Ohne Werbung hatte es nach nur einer Woche im Handel bereits über 100 Downloads.

Wenn Sie das mobile Endgerät optimieren müssen, müssen Sie zunächst das Zugriffsgerät des Clients ermitteln. Basierend auf den Beurteilungsergebnissen wird die unaufgelöste Domänennamenadresse zurückgegeben und dann werden verschiedene CSS-Dateien geladen.

Die von uns verwendete Beurteilungsmethode basiert auf dem User-Agent-Wert. Verwenden Sie die userAgent-Eigenschaft des Navigator-Objekts im Javascript-Framework. Es gibt keinen öffentlichen Standard für das Navigatorobjekt, es wird jedoch von allen Browsern auf dem Markt unterstützt. Verwenden Sie das Attribut userAgent, um den Wert des vom Client an den Server gesendeten User-Agent-Headers zurückzugeben. In den Header-Informationen befindet sich ein User-Agent. Seine Funktion besteht darin, dem Server mitzuteilen, welcher Browser der Client des Benutzers ist und welche Betriebssysteminformationen er enthält. Verwenden Sie reguläre Ausdrücke, um den User-Agent-Wert zu erhalten. Es wird anhand des lokalen Werts beurteilt. Dieser übereinstimmende Wert kann ein mobiles Betriebssystem wie Android, iOS oder der Name des Browsers sein. Wenn es eine Übereinstimmung gibt, springt es. Andernfalls springt es nicht und gelangt nicht direkt zur PC-Homepage.

Zur spezifischen Code-Implementierung verwenden wir die Skriptsprache JavaScript, um die Portabilität der Website zu verbessern. Nach Ansicht des Autors bietet der Einsatz dieser Technologie zwei Vorteile:

1: Sie kann die Portabilität der Website verbessern. Wenn unser Team in zukünftigen Webprojekten erneut den Effekt mobiler Endgeräte hinzufügen muss, ist dies möglich Es ist einfach, diesen Teil des JS-Codes einfach einzuführen und ein Urteil zu fällen. Verbessern Sie die zukünftige Arbeitseffizienz.

2: Der zweite Punkt besteht darin, das Laden von Webprogrammen auf verschiedenen Schnittstellen zu erleichtern und ob dieser Teil des Beurteilungscodes für mobile Endgeräte eingeführt werden soll.

Spezifische Implementierung:

Wir trennen das Skript zur Beurteilung des Zugriffs. Wenn eine Seite vom Client-Terminal beurteilt werden muss, verwenden wir zur Einführung direkt <script></script> Es auf der Seite. Skriptprogramm, der spezifische Beurteilungscode lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

function uaredirect(f ){
try{if(
document.getElementById("bdmark")!=null){
return
}
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|Windows Phone)/i))){location.replace(f)}}}}catch (d)
{}