Heim Web-Frontend js-Tutorial js bestimmt, ob die aktuelle Seite auf einem mobilen Gerät oder auf einem PC geöffnet wird_Javascript-Fähigkeiten

js bestimmt, ob die aktuelle Seite auf einem mobilen Gerät oder auf einem PC geöffnet wird_Javascript-Fähigkeiten

May 16, 2016 pm 03:21 PM
js pc 移动设备

Das Beispiel in diesem Artikel erklärt den detaillierten Code von js, um zu bestimmen, ob die aktuelle Seite auf einem mobilen Gerät oder auf einem PC geöffnet wird. Der spezifische Inhalt ist wie folgt

 var browser = {
              versions: function () {
                var u = navigator.userAgent, app = navigator.appVersion;
                return {     //移动终端浏览器版本信息
                  trident: u.indexOf('Trident') > -1, //IE内核
                  presto: u.indexOf('Presto') > -1, //opera内核
                  webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                  gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                  mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                  ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                  android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
                  iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                  iPad: u.indexOf('iPad') > -1, //是否iPad
                  webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
                };
              }(),
              language: (navigator.browserLanguage || navigator.language).toLowerCase()
            }            
            if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
                var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
                if (ua.match(/MicroMessenger/i) == "micromessenger") {
                    //在微信中打开
                   setInterval(WeixinJSBridge.call('closeWindow'),2000);
                }
                if (ua.match(/WeiBo/i) == "weibo") {
                    //在新浪微博客户端打开
                }
                if (ua.match(/QQ/i) == "qq") {
                    //在QQ空间打开
                }
                if (browser.versions.ios) {
                    //是否在IOS浏览器打开
                } 
                if(browser.versions.android){
                    //是否在安卓浏览器打开
                }
            } else {
                //否则就是PC浏览器打开
                window.close();
            }
Nach dem Login kopieren
Code 2:

js bestimmt, ob das Browsergerät des Benutzers ein mobiles Gerät oder ein PC ist

Eine aktuelle Website-Seite muss je nach Zugriffsgerät des Benutzers unterschiedliche Seitenstile anzeigen. Der Hauptzweck besteht darin, festzustellen, ob der Benutzer über ein mobiles Gerät oder einen Computerbrowser darauf zugreift.

Der js-Beurteilungsverarbeitungscode ist unten als Referenz angegeben.


<script type="text/javascript">
    function browserRedirect() {
      var sUserAgent = navigator.userAgent.toLowerCase();
      var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
      var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
      var bIsMidp = sUserAgent.match(/midp/i) == "midp";
      var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
      var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
      var bIsAndroid = sUserAgent.match(/android/i) == "android";
      var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
      var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
      document.writeln("您的浏览设备为:");
      if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
        document.writeln("phone");
      } else {
        document.writeln("pc");
      }
    }

    browserRedirect();
  </script>

Nach dem Login kopieren
Ich habe es mit Browsern auf Computern, Android-Geräten, iPhones und iPads getestet. Dieser Code ist machbar und die Beurteilungen sind auf allen Geräten korrekt.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein.

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So beheben Sie den vorübergehend vollen Access Point-Fehler auf einem Windows-PC So beheben Sie den vorübergehend vollen Access Point-Fehler auf einem Windows-PC Mar 16, 2024 pm 03:19 PM

Wenn beim Herstellen einer Verbindung zu einem WLAN-Router oder mobilen Hotspot auf Ihrem Windows 11/10-PC die Fehlermeldung „Der Zugangspunkt ist vorübergehend voll“ auftritt, liegt dies normalerweise an einer Netzwerküberlastung oder zu vielen angeschlossenen Geräten. Um dieses Problem zu lösen und eine erfolgreiche Verbindung zum Internet herzustellen, können Sie die folgenden Methoden ausprobieren: 1. Warten Sie eine Weile, bis andere Geräte die Verbindung trennen, bevor Sie erneut versuchen, eine Verbindung herzustellen. 2. Starten Sie Ihren WLAN-Router oder mobilen Hotspot neu, um den Netzwerkcache zu leeren und die IP-Adresse neu zuzuweisen. 3. Stellen Sie sicher, dass der Wi-Fi-Adaptertreiber Ihres PCs auf dem neuesten Stand ist, und suchen Sie im Geräte-Manager nach Updates. 4. Versuchen Sie, zu unterschiedlichen Zeiten eine Verbindung herzustellen, indem Sie die Stoßzeiten meiden. 5. Erwägen Sie die Hinzufügung von AccessP

Windows-PC bootet ständig ins BIOS [Fix] Windows-PC bootet ständig ins BIOS [Fix] Mar 11, 2024 am 09:40 AM

Wenn Ihr Windows-PC häufig die BIOS-Schnittstelle aufruft, kann dies zu Schwierigkeiten bei der Verwendung führen. Jedes Mal, wenn ich meinen Computer einschalte, bleibt der BIOS-Bildschirm hängen, und ein Neustart hilft nicht. Wenn Sie mit diesem Problem konfrontiert sind, helfen Ihnen die in diesem Artikel bereitgestellten Lösungen. Warum bootet mein Computer ständig im BIOS? Die häufigen Neustarts Ihres Computers im BIOS-Modus können verschiedene Ursachen haben, z. B. falsche Einstellungen der Startsequenz, beschädigte SATA-Kabel, lose Verbindungen, BIOS-Konfigurationsfehler oder Festplattenfehler usw. Behebung: Windows-PC startet ständig im BIOS. Wenn Ihr Windows-PC ständig im BIOS startet, verwenden Sie die unten stehende Lösung. Überprüfen Sie Ihre Startreihenfolge und schließen Sie das Gerät erneut an

So verwenden Sie Samsung Flow auf einem Windows-PC So verwenden Sie Samsung Flow auf einem Windows-PC Feb 19, 2024 pm 07:54 PM

SamsungFlow ist ein praktisches und praktisches Tool, mit dem Sie Ihr Galaxy-Telefon ganz einfach mit Ihrem Windows-PC verbinden können. Mit SamsungFlow können Sie Inhalte bequem zwischen Geräten teilen, Benachrichtigungen synchronisieren, Smartphones spiegeln und vieles mehr. In diesem Artikel erfahren Sie, wie Sie SamsungFlow auf einem Windows-Computer verwenden. So verwenden Sie Smartphone-Streaming auf einem Windows-PC. Um SamsungFlow zum Verbinden Ihres Windows-PCs und Ihres Galaxy Phone zu verwenden, müssen Sie sicherstellen, dass auf Ihren Galaxy-Smartphones und -Tablets Android 7.0 oder höher und auf Ihrem Windows-PC Windows 10 oder höher ausgeführt wird.

Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen mit PHP und JS Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen mit PHP und JS Dec 17, 2023 pm 06:55 PM

Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen in PHP und JS. Mit der rasanten Entwicklung des Internets und der Technologie ist der Aktienhandel für viele Anleger zu einer wichtigen Möglichkeit geworden. Die Aktienanalyse ist ein wichtiger Teil der Anlegerentscheidung, und Kerzendiagramme werden häufig in der technischen Analyse verwendet. Wenn Sie lernen, wie man Kerzendiagramme mit PHP und JS zeichnet, erhalten Anleger intuitivere Informationen, die ihnen helfen, bessere Entscheidungen zu treffen. Ein Candlestick-Chart ist ein technischer Chart, der Aktienkurse in Form von Candlesticks anzeigt. Es zeigt den Aktienkurs

Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Apr 03, 2024 am 11:55 AM

Die Technologie zur Gesichtserkennung und -erkennung ist bereits eine relativ ausgereifte und weit verbreitete Technologie. Derzeit ist JS die am weitesten verbreitete Internetanwendungssprache. Die Implementierung der Gesichtserkennung und -erkennung im Web-Frontend hat im Vergleich zur Back-End-Gesichtserkennung Vor- und Nachteile. Zu den Vorteilen gehören die Reduzierung der Netzwerkinteraktion und die Echtzeiterkennung, was die Wartezeit des Benutzers erheblich verkürzt und das Benutzererlebnis verbessert. Die Nachteile sind: Es ist durch die Größe des Modells begrenzt und auch die Genauigkeit ist begrenzt. Wie implementiert man mit js die Gesichtserkennung im Web? Um die Gesichtserkennung im Web zu implementieren, müssen Sie mit verwandten Programmiersprachen und -technologien wie JavaScript, HTML, CSS, WebRTC usw. vertraut sein. Gleichzeitig müssen Sie auch relevante Technologien für Computer Vision und künstliche Intelligenz beherrschen. Dies ist aufgrund des Designs der Webseite erwähnenswert

So laden Sie alle OneDrive-Dateien auf einmal auf den PC herunter So laden Sie alle OneDrive-Dateien auf einmal auf den PC herunter Feb 19, 2024 pm 06:51 PM

In diesem Artikel erfahren Sie, wie Sie alle OneDrive-Dateien auf einmal auf Ihren PC herunterladen. OneDrive ist eine leistungsstarke Cloud-Speicherplattform, mit der Benutzer jederzeit und überall auf ihre Dateien zugreifen können. Manchmal müssen Benutzer Dateien lokal sichern oder offline darauf zugreifen. Lesen Sie weiter, um zu erfahren, wie das ganz einfach geht. Wie lade ich alle OneDrive-Dateien auf einmal auf den PC herunter? Befolgen Sie diese Schritte, um alle OneDrive-Dateien auf einmal auf Ihren Windows-PC herunterzuladen: Starten Sie Onedrive und navigieren Sie zu „Meine Dateien“. Alle auf OneDrive hochgeladenen Dateien sind hier verfügbar. Drücken Sie STRG+A, um alle Dateien auszuwählen, oder aktivieren Sie das Kontrollkästchen, um die Auswahl aller Elemente umzuschalten. Klicken Sie oben auf die Download-Option.

So erstellen Sie ein Aktien-Candlestick-Diagramm mit PHP und JS So erstellen Sie ein Aktien-Candlestick-Diagramm mit PHP und JS Dec 17, 2023 am 08:08 AM

So verwenden Sie PHP und JS zum Erstellen eines Aktienkerzendiagramms. Ein Aktienkerzendiagramm ist eine gängige technische Analysegrafik auf dem Aktienmarkt. Es hilft Anlegern, Aktien intuitiver zu verstehen, indem es Daten wie den Eröffnungskurs, den Schlusskurs, den Höchstkurs usw niedrigster Preis der Aktie. In diesem Artikel erfahren Sie anhand spezifischer Codebeispiele, wie Sie Aktienkerzendiagramme mit PHP und JS erstellen. 1. Vorbereitung Bevor wir beginnen, müssen wir die folgende Umgebung vorbereiten: 1. Ein Server, auf dem PHP 2. Ein Browser, der HTML5 und Canvas 3 unterstützt

Die Abenteuer eines kostengünstigen Chrome-Hosts: Er kann Black Apple nicht installieren, kann aber als qualifizierter PC betrachtet werden Die Abenteuer eines kostengünstigen Chrome-Hosts: Er kann Black Apple nicht installieren, kann aber als qualifizierter PC betrachtet werden Jul 11, 2024 pm 04:38 PM

Apropos: Wir haben viele Ausgaben der ausländischen Junk-Serie produziert, aber davor handelte es sich größtenteils um Mobiltelefone und zusammengebaute PCs. Ersteres ist durchschnittlich spielbar, während letzteres voller Unsicherheiten ist. Beispielsweise befindet sich der Computer, für dessen Installation wir beim letzten Mal 300 US-Dollar ausgegeben haben, jetzt im Zustand der ununterbrochenen Entfernung von Treibern. Allerdings ist es so, dass man „Lumpen aufsammelt“, und das Nebeneinander von Risiken und Vorteilen ist die Norm. Diesmal habe ich mir zum Beispiel die ASUS ChromeBox „geholt“, aus der ich ursprünglich einen Macmini (gefälscht) machen wollte, bin dabei aber auf viele unerwartete Probleme gestoßen und habe das angestrebte Ziel nicht erreicht. Letztendlich musste ich mich mit dem nächstbesten zufrieden geben und Windows darauf flashen. Obwohl der Versuch, Äpfel zu schwärzen, in den letzten Schritt fiel, hatte ich bei dem gesamten Prozess viel Spaß. Und wie

See all articles