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.
Vous devez vous connecter pour publier un commentaire.
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. *
Maintenant, juste à la taille de l'écran et de les réorienter si nécessaire. L'utilisation d'un léger retard. **
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.
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.
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/
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/
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.
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
http://www.hand-interactive.com/resources/detect-mobile-javascript.htm
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.
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