Wie zu erkennen, touch-Gerät Browser vs. desktop mit javascript?

Was ist der code zur Erkennung von touch-Geräten (smartphones und tablets) vs desktops Browser mit userAgent.Spiel und geben einen boolean-variable (z.B. "isipad')?

Brauche ich um dies zu testen gegen Android und Apple-Geräte vor allem. Wenn der browser des Geräts ist Android oder Apple, zurück isipad = false. Else return isipad = true.

So weit ich ging es so (für iDevice-browser-Erkennung) :

if( navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i) ||navigator.userAgent.match(/iPad/i) )
{var isipad = true;}
else
{var isipad = false;}

Scheint es zu funktionieren, aber ich würde gerne in der Lage sein, den android-browser als auch, in diesem Fall.

Vielen Dank im Voraus.
Alex

InformationsquelleAutor Alex | 2012-09-09

  1. 8
    if ("ontouchstart" in document.documentElement)
{
  alert("It's a touch screen device.");
}
else
{
 alert("Others devices");
}

    einfachen code fand ich nach dem surfen eine Menge, hier und da

    InformationsquelleAutor Pratswinz

  2. 3

    Sollten Sie wirklich nicht versuchen, um herauszufinden, welche Art von Gerät es ist. Stattdessen sollten Sie überprüfen Sie die Funktionen des host-Gerätes und den code anpassen, um die Fähigkeiten, die es findet, unabhängig davon, welche Art von Gerät es ist. Dies wird als "feature detection" und als ein viel besserer Weg, Dinge zu tun, als die Erkennung eines bestimmten Browsers oder Geräts.

    Zum Beispiel, wenn Windows-8-tablets kommen, wird es Geräte mit Maus-und touchgesten.

    Gibt es viel geschrieben, wie zu erkennen touch-Funktionen. Sehen Sie, diese für Ihre Ideen:

    http://alastairc.ac/2010/03/detecting-touch-based-browsing/

    Optimierung der website für touch-Geräte

    https://stackoverflow.com/a/4819886/816620

    Ich weiß, aber momentan bin ich Recht eingeschränkt, wie kann ich es angehen. Ich bin mit einem e-learning-authoring-tool, das kann nur akzeptieren eine Reihe Möglichkeiten, browser-Erkennung. Ich muss nur unterscheiden zwischen touch-Geräten und desktops jetzt, so kann ich übergeben Sie die zurückgegebenen boolean-Wert in der Anwendung.
    Was ist ein desktop mit den beiden touch-und Maus-Funktionen? Ich denke, du musst uns mehr erzählen über das, was interface-problem, das Sie versuchen wirklich zu lösen. Die Chancen sind, dass Sie mit der userAgent-aktivieren/deaktivieren Sie das touch-Verhalten ist ein schlechtes design Wahl. Wenn Sie wirklich wollen, zu verwenden, useragent, dann tun Sie eine Suche auf dem web für die useragent-strings und finden Sie Riesen-Listen, aus denen Sie entscheiden können, was zu tun ist (es gibt Tausende von useragent-strings).
    Oh Nein, Nein, Nein. Ich bin nicht versucht zu aktivieren/deaktivieren Sie alle Verhalten. Ich benutze Articulate Storyline für die Entwicklung von e-learning. Ich versuche zu unterscheiden zwischen touch-und desktop aus Gründen der Kompatibilität. Die software tut nicht immer Ausgabe konsistente Ergebnisse, wenn in der html5-Modus (Tabletten) und ich implementieren müssen einige workarounds in diesen Fällen (wieder vor allem, weil einige software-Einschränkungen zu dieser Zeit).

    InformationsquelleAutor jfriend00

  3. 1

    Obwohl ich Stimme mit @jfriend00, die Sie verwenden sollten "feature Erkennung", anstatt den user-agent, aber es klingt wie der user-agent ist Ihre einzige option. Ich benutze diese web-site für mobile browser detection. Sie Häufig aktualisieren Sie Ihren code basierend auf neuen Geräten, also update yours occasionaly. Hier der JS-code:

    (function(a,b){if(/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|meego.+mobile|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,'http://detectmobilebrowser.com/mobile');

    Hier ist ein fiddle es in Aktion.

    InformationsquelleAutor davehale23

  4. 1

    Getestet hab ich gegen detectmobilebrowsers.com mit und iPad mini und ein Surface-tablet, und beide von Ihnen kam wieder "Kein mobiler browser erkannt".

    Den seltsamsten Teil über das war, dass die Benutzer-Agent-Zeichenfolge für das iPad mini tatsächlich enthält das Wort "Mobile", die würde vorschlagen, dass es nicht so schwierig sein, zu bestimmen, wie ein mobiles Gerät.

    Surface-tablets tun, obwohl, müssen "Touch" in Ihrem user agent, z.B. "Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; ARM; Trident/6.0; Touch) -" msdn.microsoft.com/en-us/library/ie/...

    InformationsquelleAutor Brian Frisch

Schreibe einen Kommentar