Mobile de détection

Est-il un moyen de détecter les périphériques mobiles à l'aide de Javascript? Aussi, j'ai fait des recherches qu'il y a une telle XML qui contient des agents utilisateurs qui pourraient aider à identifier les téléphones mobiles.

  • Ce n'est pas un doublon. C'est subtilement différent de l'proposé de dupliquer l'article. Le double de l'article traite de la résolution de l'écran, et cette question est au sujet de la détection des périphériques mobiles en général.
  • Comment est-ce constructif? Il pourrait être un doublon de quelque chose (sans doute un peu), mais il est certainement constructif.
  • les admins semblent extrêmement étroit et précis exigences relatives à l'affichage ici.
InformationsquelleAutor | 2009-04-13
  1. 17

    Vous avez probablement un site normal et vous souhaitez rediriger vers un site mobile si certaines conditions sont remplies, comme l'écran est très petit, ou le contenu est agrandie pour s'adapter sur un grand "virtuel" dans un plus petit espace physique. Alors, pourquoi ne pas consulter ces conditions, au lieu de tester des millions d'UC chaînes.

    Essayer quelque chose comme cela:

    De l'UA rapport à l'écran physique de la taille du pixel, cette balise doit être présent dans la page html. *

    <meta name="viewport" 
      content="width=device-width, initial-scale=1, maximum-scale=1" />

    Maintenant, juste à la taille de l'écran et de les réorienter si nécessaire. L'utilisation d'un léger retard. **

    setTimeout(function(){
  if ((screen.width < 480) || (screen.height < 480)) {
    location.replace('/mobile/');
  }
}, 100);

    C'est assez bien. Depuis cette page a déjà de la fenêtre d'affichage de la balise mis en place pour mobile, vous pouvez aussi faire l'inverse, montrer ici et de rediriger vers site complet si l'écran est plus grand.

    Edit: je ne suis pas sûr de savoir pourquoi cette question a été fermé; ce que je peut dire qu'il correspond à la DONC de format assez bien. Voté pour le rouvrir.

    * Insertion avec javascript semble ne pas fonctionner (quelqu'un s'il vous plaît corrigez-moi si vous trouver un moyen). Si il n'est pas présent, le téléphone signaler un écran virtuel de taille est plus grande que l'écran. Il ne semble pas fonctionner dans les iframes, seules les fenêtres de niveau supérieur (ce qui est logique car les iframes devront être mis à l'échelle, le même montant qu'à l'extérieur de la fenêtre, ils partagent la même fenêtre).

    ** Certains navigateurs mobiles garder la taille de la fenêtre à partir de la dernière page chargée, afin qu'ils déclarent un virtuel de grande taille de l'écran pendant quelques millisecondes, jusqu'à ce qu'ils remarquent la balise meta, je suppose. Je ne pouvais pas trouver un événement précoce de crochet en, s'il vous plaît commentaire si vous avez une meilleure façon de le faire. 50 ms de retard a bien fonctionné dans tous mes tests, 100 devrait être presque sûr.

    • Wow, vraiment chouette solution.. peu moche, je suppose, mais certainement une façon intéressante de le faire 🙂 Malheureusement, avec des densités de pixels augmente de plus en plus je suppose que ce n'est pas vraiment la meilleure idée. Les Pixels ne sont pas indicatives de la dimension physique...hmm.
    • Des densités de Pixel de ne pas l'affecter, parce que la plupart (probablement jusqu'à présent) les appareils à forte densité de pixels rapport d'un plus petit nombre de pixels qu'ils contiennent, et le rapport de la densité de pixels séparément.
    InformationsquelleAutor Dagg Nabbit
  2. 6

    J'ai ce code à partir de K2F, c'est dans PHP, vous devrez le convertir en javascript.

    Ne devrait pas être trop de tracas. Sachant constantes (morceaux de texte) devrait vous aider beaucoup.

    /**
* A simple class used to detect whether page<br>
* is being viewed from a mobile device or not.
* @copyright 2010 Covac Software
* @author Christian Sciberras
* @version 01/05/2010
*/
class Mobile {
public static function is_mobile(){
$user_agent = $_SERVER['HTTP_USER_AGENT']; //get the user agent value - this should be cleaned to ensure no nefarious input gets executed
$accept     = $_SERVER['HTTP_ACCEPT']; //get the content accept value - this should be cleaned to ensure no nefarious input gets executed
return false
|| (preg_match('/ipad/i',$user_agent))
|| (preg_match('/ipod/i',$user_agent)||preg_match('/iphone/i',$user_agent))
|| (preg_match('/android/i',$user_agent))
|| (preg_match('/opera mini/i',$user_agent))
|| (preg_match('/blackberry/i',$user_agent))
|| (preg_match('/(pre\/|palm os|palm|hiptop|avantgo|plucker|xiino|blazer|elaine)/i',$user_agent))
|| (preg_match('/(iris|3g_t|windows ce|opera mobi|windows ce; smartphone;|windows ce; iemobile)/i',$user_agent))
|| (preg_match('/(mini 9.5|vx1000|lge |m800|e860|u940|ux840|compal|wireless| mobi|ahong|lg380|lgku|lgu900|lg210|lg47|lg920|lg840|lg370|sam-r|mg50|s55|g83|t66|vx400|mk99|d615|d763|el370|sl900|mp500|samu3|samu4|vx10|xda_|samu5|samu6|samu7|samu9|a615|b832|m881|s920|n210|s700|c-810|_h797|mob-x|sk16d|848b|mowser|s580|r800|471x|v120|rim8|c500foma:|160x|x160|480x|x640|t503|w839|i250|sprint|w398samr810|m5252|c7100|mt126|x225|s5330|s820|htil-g1|fly v71|s302|-x113|novarra|k610i|-three|8325rc|8352rc|sanyo|vx54|c888|nx250|n120|mtk |c5588|s710|t880|c5005|i;458x|p404i|s210|c5100|teleca|s940|c500|s590|foma|samsu|vx8|vx9|a1000|_mms|myx|a700|gu1100|bc831|e300|ems100|me701|me702m-three|sd588|s800|8325rc|ac831|mw200|brew |d88|htc\/|htc_touch|355x|m50|km100|d736|p-9521|telco|sl74|ktouch|m4u\/|me702|8325rc|kddi|phone|lg |sonyericsson|samsung|240x|x320|vx10|nokia|sony cmd|motorola|up.browser|up.link|mmp|symbian|smartphone|midp|wap|vodafone|o2|pocket|kindle|mobile|psp|treo)/i',$user_agent))
|| ((strpos($accept,'text/vnd.wap.wml')>0)||(strpos($accept,'application/vnd.wap.xhtml+xml')>0))
|| (isset($_SERVER['HTTP_X_WAP_PROFILE'])||isset($_SERVER['HTTP_PROFILE']))
|| (in_array(strtolower(substr($user_agent,0,4)),array('1207'=>'1207','3gso'=>'3gso','4thp'=>'4thp','501i'=>'501i','502i'=>'502i','503i'=>'503i','504i'=>'504i','505i'=>'505i','506i'=>'506i','6310'=>'6310','6590'=>'6590','770s'=>'770s','802s'=>'802s','a wa'=>'a wa','acer'=>'acer','acs-'=>'acs-','airn'=>'airn','alav'=>'alav','asus'=>'asus','attw'=>'attw','au-m'=>'au-m','aur '=>'aur ','aus '=>'aus ','abac'=>'abac','acoo'=>'acoo','aiko'=>'aiko','alco'=>'alco','alca'=>'alca','amoi'=>'amoi','anex'=>'anex','anny'=>'anny','anyw'=>'anyw','aptu'=>'aptu','arch'=>'arch','argo'=>'argo','bell'=>'bell','bird'=>'bird','bw-n'=>'bw-n','bw-u'=>'bw-u','beck'=>'beck','benq'=>'benq','bilb'=>'bilb','blac'=>'blac','c55/'=>'c55/','cdm-'=>'cdm-','chtm'=>'chtm','capi'=>'capi','cond'=>'cond','craw'=>'craw','dall'=>'dall','dbte'=>'dbte','dc-s'=>'dc-s','dica'=>'dica','ds-d'=>'ds-d','ds12'=>'ds12','dait'=>'dait','devi'=>'devi','dmob'=>'dmob','doco'=>'doco','dopo'=>'dopo','el49'=>'el49','erk0'=>'erk0','esl8'=>'esl8','ez40'=>'ez40','ez60'=>'ez60','ez70'=>'ez70','ezos'=>'ezos','ezze'=>'ezze','elai'=>'elai','emul'=>'emul','eric'=>'eric','ezwa'=>'ezwa','fake'=>'fake','fly-'=>'fly-','fly_'=>'fly_','g-mo'=>'g-mo','g1 u'=>'g1 u','g560'=>'g560','gf-5'=>'gf-5','grun'=>'grun','gene'=>'gene','go.w'=>'go.w','good'=>'good','grad'=>'grad','hcit'=>'hcit','hd-m'=>'hd-m','hd-p'=>'hd-p','hd-t'=>'hd-t','hei-'=>'hei-','hp i'=>'hp i','hpip'=>'hpip','hs-c'=>'hs-c','htc '=>'htc ','htc-'=>'htc-','htca'=>'htca','htcg'=>'htcg','htcp'=>'htcp','htcs'=>'htcs','htct'=>'htct','htc_'=>'htc_','haie'=>'haie','hita'=>'hita','huaw'=>'huaw','hutc'=>'hutc','i-20'=>'i-20','i-go'=>'i-go','i-ma'=>'i-ma','i230'=>'i230','iac'=>'iac','iac-'=>'iac-','iac/'=>'iac/','ig01'=>'ig01','im1k'=>'im1k','inno'=>'inno','iris'=>'iris','jata'=>'jata','java'=>'java','kddi'=>'kddi','kgt'=>'kgt','kgt/'=>'kgt/','kpt '=>'kpt ','kwc-'=>'kwc-','klon'=>'klon','lexi'=>'lexi','lg g'=>'lg g','lg-a'=>'lg-a','lg-b'=>'lg-b','lg-c'=>'lg-c','lg-d'=>'lg-d','lg-f'=>'lg-f','lg-g'=>'lg-g','lg-k'=>'lg-k','lg-l'=>'lg-l','lg-m'=>'lg-m','lg-o'=>'lg-o','lg-p'=>'lg-p','lg-s'=>'lg-s','lg-t'=>'lg-t','lg-u'=>'lg-u','lg-w'=>'lg-w','lg/k'=>'lg/k','lg/l'=>'lg/l','lg/u'=>'lg/u','lg50'=>'lg50','lg54'=>'lg54','lge-'=>'lge-','lge/'=>'lge/','lynx'=>'lynx','leno'=>'leno','m1-w'=>'m1-w','m3ga'=>'m3ga','m50/'=>'m50/','maui'=>'maui','mc01'=>'mc01','mc21'=>'mc21','mcca'=>'mcca','medi'=>'medi','meri'=>'meri','mio8'=>'mio8','mioa'=>'mioa','mo01'=>'mo01','mo02'=>'mo02','mode'=>'mode','modo'=>'modo','mot '=>'mot ','mot-'=>'mot-','mt50'=>'mt50','mtp1'=>'mtp1','mtv '=>'mtv ','mate'=>'mate','maxo'=>'maxo','merc'=>'merc','mits'=>'mits','mobi'=>'mobi','motv'=>'motv','mozz'=>'mozz','n100'=>'n100','n101'=>'n101','n102'=>'n102','n202'=>'n202','n203'=>'n203','n300'=>'n300','n302'=>'n302','n500'=>'n500','n502'=>'n502','n505'=>'n505','n700'=>'n700','n701'=>'n701','n710'=>'n710','nec-'=>'nec-','nem-'=>'nem-','newg'=>'newg','neon'=>'neon','netf'=>'netf','noki'=>'noki','nzph'=>'nzph','o2 x'=>'o2 x','o2-x'=>'o2-x','opwv'=>'opwv','owg1'=>'owg1','opti'=>'opti','oran'=>'oran','p800'=>'p800','pand'=>'pand','pg-1'=>'pg-1','pg-2'=>'pg-2','pg-3'=>'pg-3','pg-6'=>'pg-6','pg-8'=>'pg-8','pg-c'=>'pg-c','pg13'=>'pg13','phil'=>'phil','pn-2'=>'pn-2','pt-g'=>'pt-g','palm'=>'palm','pana'=>'pana','pire'=>'pire','pock'=>'pock','pose'=>'pose','psio'=>'psio','qa-a'=>'qa-a','qc-2'=>'qc-2','qc-3'=>'qc-3','qc-5'=>'qc-5','qc-7'=>'qc-7','qc07'=>'qc07','qc12'=>'qc12','qc21'=>'qc21','qc32'=>'qc32','qc60'=>'qc60','qci-'=>'qci-','qwap'=>'qwap','qtek'=>'qtek','r380'=>'r380','r600'=>'r600','raks'=>'raks','rim9'=>'rim9','rove'=>'rove','s55/'=>'s55/','sage'=>'sage','sams'=>'sams','sc01'=>'sc01','sch-'=>'sch-','scp-'=>'scp-','sdk/'=>'sdk/','se47'=>'se47','sec-'=>'sec-','sec0'=>'sec0','sec1'=>'sec1','semc'=>'semc','sgh-'=>'sgh-','shar'=>'shar','sie-'=>'sie-','sk-0'=>'sk-0','sl45'=>'sl45','slid'=>'slid','smb3'=>'smb3','smt5'=>'smt5','sp01'=>'sp01','sph-'=>'sph-','spv '=>'spv ','spv-'=>'spv-','sy01'=>'sy01','samm'=>'samm','sany'=>'sany','sava'=>'sava','scoo'=>'scoo','send'=>'send','siem'=>'siem','smar'=>'smar','smit'=>'smit','soft'=>'soft','sony'=>'sony','t-mo'=>'t-mo','t218'=>'t218','t250'=>'t250','t600'=>'t600','t610'=>'t610','t618'=>'t618','tcl-'=>'tcl-','tdg-'=>'tdg-','telm'=>'telm','tim-'=>'tim-','ts70'=>'ts70','tsm-'=>'tsm-','tsm3'=>'tsm3','tsm5'=>'tsm5','tx-9'=>'tx-9','tagt'=>'tagt','talk'=>'talk','teli'=>'teli','topl'=>'topl','hiba'=>'hiba','up.b'=>'up.b','upg1'=>'upg1','utst'=>'utst','v400'=>'v400','v750'=>'v750','veri'=>'veri','vk-v'=>'vk-v','vk40'=>'vk40','vk50'=>'vk50','vk52'=>'vk52','vk53'=>'vk53','vm40'=>'vm40','vx98'=>'vx98','virg'=>'virg','vite'=>'vite','voda'=>'voda','vulc'=>'vulc','w3c '=>'w3c ','w3c-'=>'w3c-','wapj'=>'wapj','wapp'=>'wapp','wapu'=>'wapu','wapm'=>'wapm','wig '=>'wig ','wapi'=>'wapi','wapr'=>'wapr','wapv'=>'wapv','wapy'=>'wapy','wapa'=>'wapa','waps'=>'waps','wapt'=>'wapt','winc'=>'winc','winw'=>'winw','wonu'=>'wonu','x700'=>'x700','xda2'=>'xda2','xdag'=>'xdag','yas-'=>'yas-','your'=>'your','zte-'=>'zte-','zeto'=>'zeto','acs-'=>'acs-','alav'=>'alav','alca'=>'alca','amoi'=>'amoi','aste'=>'aste','audi'=>'audi','avan'=>'avan','benq'=>'benq','bird'=>'bird','blac'=>'blac','blaz'=>'blaz','brew'=>'brew','brvw'=>'brvw','bumb'=>'bumb','ccwa'=>'ccwa','cell'=>'cell','cldc'=>'cldc','cmd-'=>'cmd-','dang'=>'dang','doco'=>'doco','eml2'=>'eml2','eric'=>'eric','fetc'=>'fetc','hipt'=>'hipt','http'=>'http','ibro'=>'ibro','idea'=>'idea','ikom'=>'ikom','inno'=>'inno','ipaq'=>'ipaq','jbro'=>'jbro','jemu'=>'jemu','java'=>'java','jigs'=>'jigs','kddi'=>'kddi','keji'=>'keji','kyoc'=>'kyoc','kyok'=>'kyok','leno'=>'leno','lg-c'=>'lg-c','lg-d'=>'lg-d','lg-g'=>'lg-g','lge-'=>'lge-','libw'=>'libw','m-cr'=>'m-cr','maui'=>'maui','maxo'=>'maxo','midp'=>'midp','mits'=>'mits','mmef'=>'mmef','mobi'=>'mobi','mot-'=>'mot-','moto'=>'moto','mwbp'=>'mwbp','mywa'=>'mywa','nec-'=>'nec-','newt'=>'newt','nok6'=>'nok6','noki'=>'noki','o2im'=>'o2im','opwv'=>'opwv','palm'=>'palm','pana'=>'pana','pant'=>'pant','pdxg'=>'pdxg','phil'=>'phil','play'=>'play','pluc'=>'pluc','port'=>'port','prox'=>'prox','qtek'=>'qtek','qwap'=>'qwap','rozo'=>'rozo','sage'=>'sage','sama'=>'sama','sams'=>'sams','sany'=>'sany','sch-'=>'sch-','sec-'=>'sec-','send'=>'send','seri'=>'seri','sgh-'=>'sgh-','shar'=>'shar','sie-'=>'sie-','siem'=>'siem','smal'=>'smal','smar'=>'smar','sony'=>'sony','sph-'=>'sph-','symb'=>'symb','t-mo'=>'t-mo','teli'=>'teli','tim-'=>'tim-','tosh'=>'tosh','treo'=>'treo','tsm-'=>'tsm-','upg1'=>'upg1','upsi'=>'upsi','vk-v'=>'vk-v','voda'=>'voda','vx52'=>'vx52','vx53'=>'vx53','vx60'=>'vx60','vx61'=>'vx61','vx70'=>'vx70','vx80'=>'vx80','vx81'=>'vx81','vx83'=>'vx83','vx85'=>'vx85','wap-'=>'wap-','wapa'=>'wapa','wapi'=>'wapi','wapp'=>'wapp','wapr'=>'wapr','webc'=>'webc','whit'=>'whit','winw'=>'winw','wmlb'=>'wmlb','xda-'=>'xda-',)))
;
}
}
    • pouvez-vous fournir le lien vers cette source?
    • Pafford - Malheureusement, K2F n'est pas encore disponible publiquement.
    InformationsquelleAutor Christian
  3. 3

    J'ai écrit un script JS appelé "redirection_mobile.js" pour résoudre ce problème. Il détecte l'Agent de l'Utilisateur et redirige vers une version mobile si vous êtes accédant à un site à partir d'un appareil mobile.

    Dans certains cas, vous souhaitez rediriger à partir d'un appareil mobile à un ordinateur de bureau version (comme avec un lien "Aller sur le site principal"), le script va gérer cela et une fois que vous avez terminé votre session, vous aurez accès à la version mobile de nouveau.

    Vous pouvez trouver le code source sur github ici https://github.com/sebarmeli/JS-Redirection-Mobile-Site et vous pouvez lire plus de détails dans un de mes articles ici:

    http://blog.sebarmeli.com/2010/11/02/how-to-redirect-your-site-to-a-mobile-version-through-javascript/

    • J'apprécie tous les gens en garde contre les browser sniffing, mais la capacité de détection ne fonctionne pas bien lorsque vous voulez juste envoyer des appareils mobiles vers un site qui est optimisé pour eux. Nous avons calmar en face de notre serveur d'applications, et le besoin d'une solution d'activer javascript libre-celui d'adapter le projet de loi. Merci!
    InformationsquelleAutor sebarmeli
  4. 2

    Le dernier endroit que je recommande browser sniffing code est mobile. C'est le far west maintenant et personne ne lit le même livre de règles. J'ai entendu des rumeurs sur certains navigateurs sont imitant d'autres agents utilisateurs pour éviter de renifler le code qui exclut tout comme IE utilisée pour revenir dans les années '90.

    Test par la méthode de google et de l'amélioration progressive, si vous ne savez pas encore ce que cela signifie. Certains navigateur implémentations de JS sont tellement foiré ils ne sont pas la peine d'essayer de les accueillir et doit être servi versions d'un site de travail sans JS, de l'OMI.

    Il suffit de regarder ce que JQuery de base de l'équipe estime-grade C (pas la peine d'appui) sur leur classés tableaux de compatibilité. Et oui, je crois que cela s'applique à la fois le cœur et l'JQ bibliothèque mobile (qui est une sorte de JQ de l'interface utilisateur pour le mobile, pas JQ core pour portable - toujours besoins de base de travail).

    http://jquerymobile.com/gbs/

    InformationsquelleAutor Erik Reppen
  5. 1

    Je ne le recommande pas l'utilisation de Javascript pour détecter les appareils mobiles, pour la simple raison que beaucoup d'entre eux ne prennent pas en charge Javascript, de sorte que votre code de détection n'est pas garanti pour fonctionner sur tous les appareils.

    Généralement la détection se fait côté serveur à l'aide d'un descripteur de fichier, comme WURFL qui ne sera pas seulement vous aider à détecter les différents mobile user-agents, mais aussi de leurs capacités, les tailles d'écran, couleurs, etc. De cette façon, vous pouvez servir jusqu'à une configuration différente de l'actif (les fichiers javascript, les tailles d'image, etc.) en fonction de l'appareil mobile.

    • D'accord. Je navigue sur mon BlackBerry avec JS désactivé, et je doute que je suis le seul dans cette.
    • -1 Il pourrait avoir été que tous le monde désactivé JS sur les téléphones mobiles, mais l'OP n'a jamais demandé CELA.
    • Il ne voulait pas se demander comment mettre sa tête sur le feu, mais je ne recommanderais pas ce soit. Navigateur reniflant comme un moyen universel de détection pour la rédaction de la croix-navigateur de code est moche idée pour régulièrement les navigateurs, mais spectaculairement horrible un pour mobile.
    • -1, JavaScript est désactivé? Il y a 2 ans: oui. Maintenant: non.
    • il l'a écrit plus de deux ans, un peu injuste pour downvote après le fait 😉
    InformationsquelleAutor Pras
  6. 1

    J'ai publié la dernière version de Apache Mobile Filtre", ce projet open source a dans les 8 premiers mois, plus de 1100 téléchargements à partir de sourceforge, et je pense la même chose de CPAN.

    Apache Mobile Filtre vous permet d'accéder à WURFL partir de n'importe quel langage de programmation, et pas seulement de Java et php qui est traditionnellement utilisé pour la dynamique des sites web mobiles.

    Le module détecte le périphérique mobile et passe le WURFL capacités sur le web et autres applications comme des variables d'environnement. Il peut également être utilisé pour redimensionner les images à la volée pour s'adapter à la taille de l'écran de l'appareil mobile.

    Essayez-le et laissez-moi savoir votre avis.

    Pour plus d'info: http://www.idelfuschini.it/it/apache-mobile-filter-v2x.html

    InformationsquelleAutor
  7. 1

    http://www.hand-interactive.com/resources/detect-mobile-javascript.htm

    var deviceBB = "blackberry";
//Initialize our user agent string to lower case. 
var uagent = navigator.userAgent.toLowerCase();
//************************** //Detects if the current browser is a BlackBerry of some sort. 
function DetectBlackBerry() {    
if (uagent.search(deviceBB) > -1)
return true;    else
return false; 
}
    InformationsquelleAutor
  8. 1

    Plug dans Combiné De Détection. Vous pouvez utiliser le Javascript, le PHP ou le plus populaire des langages de script. Nous avons à composer avec la douleur de sorte que vous ne devez pas 🙂 Avertissement - j'y travaille.

    InformationsquelleAutor Richard
  9. 1

    Ici est un mobile de détection de Javascript, je peux garantir à travailler très bien, même avec des clients légers comme Opera MIni (avertissement: je l'ai écrit):

    https://github.com/miohtama/detectmobile.js

    InformationsquelleAutor Mikko Ohtamaa