Comment faire une application mobile afin que son interface utilisateur soit compatible avec un maximum d'appareils?

Question

J'ai une idée sur Cordova. J'essaye d'employer le cadre mobile de jQuery mais n'obtenant toujours pas le bon résultat.

Answer 1

Note: Facebook utilise la chaîne User-Agent pour détecter le navigateur et ouvrez le site web spécifique touch.facebook.com (pour les appareils tactiles), www.facebook.com (autres appareils), m.facebook.com (pour les appareils mobiles). Ils ont une équipe spécifique pour travailler sur new/old/modified User-Agent-String, comme nouveau mobile lancé ou mis à jour.

---

Comme il est question trop large pour que, je donne juste mon idée comme réponse générale. Cela aidera à comprendre le concept de sites Web/applications Web multi-appareils:

Aujourd'hui, nous avons différents types d'appareils comme les PC, les tablettes, les téléphones intelligents, les fonctionnalités, les téléphones normaux, etc. Mais le point principal à garder dans l'esprit est que notre application web fonctionnera un navigateur ET sur PC, nous pouvons avoir un navigateur (ou une émulation vers un navigateur par l'outil de développement) qui ont une faible fonctionnalité. Donc, la chose principale est que, nous avons besoin de comprendre les navigateurs.

Alors, comme vous le savez, un navigateur peut comprendre 3 langues: HTML, CSS et JavaScript.

Maintenant, Mon idée est de créer deux codes de site Web, un pour mobile [M] (seulement HTML) et le second responsive design [R] (bootstrap peut être d'usage). Viennent ensuite cette stratégie:

Beanbag M par défaut et ajouter un tag <script> avec le code de redirection permanente à R site. Si le navigateur prend en charge JavaScript, le site R gérera tout le reste.

---

Points:

• Si vous pensez que le code de script sera affiché sur le bas de gamme mobile pour le site M comme simple texte, vous pouvez utiliser la balise FONT pour définir taille de police comme zéro. BTW, le code de redirection sera très moins et this article montre qu'il ya 75% navigateurs prend en charge la conception de sites Web Responsive aujourd'hui. Si le site Web redirige vers le site R, cela signifie qu'il supporte JavaScript. Maintenant, si vous voulez un site distinct pour le navigateur qui ne prend pas en charge la conception sensible (site R, BTW nous aurons bien affiché), vous pouvez regarder this stack overflow question pour détecter R support par JavaScript.