Définition du type de support du navigateur

Question

Cela ressemble à une question stupide (pour moi), mais j’ai cherché et je ne trouve aucun endroit qui semble en parler. Où est le type de support pour un ensemble d’agents - est-il codé en dur par le navigateur (ou autre) ou est-ce configurable (en particulier, IE)?

Je pose la question parce que je suis en train d’écrire une application Web qui sera principalement utilisée par des ordinateurs normaux, mais certains netbooks l’utiliseront également. Cependant, ces netbooks fonctionneront sous XP, et cela semble être détecté comme un navigateur Windows normal. Cependant, pour certaines pages, je veux qu'ils utilisent différents CSS (principalement pour les types de polices plus volumineux). périphériques, puis appuyez sur mon CSS pour obtenir les pages appropriées (les utilisateurs qui les possèdent se connecteront également à partir de PC normaux, la détection du type par utilisateur n’est donc pas une option).

Ou existe-t-il un moyen meilleur / plus correct de procéder?

Answer 1

Je travaille dans ASP.NET, il n’est pas possible d’optimiser le zoom CSS - la plupart des écrans fonctionnent normalement, mais pour un écran, la disposition doit être différente sur les netbooks. dans ce cas, les utilisateurs devraient zoomer sur une page, puis à nouveau sur d'autres pages et, bien entendu, ce n'est pas une bonne solution (plus le code CSS sera différent, plutôt que le niveau de zoom uniquement: certains éléments uniquement). les polices seront agrandies, par exemple). Le problème est que les clients seront considérés comme "normaux". clients Windows - Mozilla / 4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident / 4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; OfficeLiveConnector.1.4; OfficeLivePatch .1.3) (au cas où quelqu'un se demanderait, la partie Trident est juste IE8 disant que c'est IE8 si elle se fait passer pour IE7) alors je devrai changer la façon dont les clients se présentent. Le moyen le plus simple (en théorie) de le faire serait de les configurer en tant que type de média différent. Ainsi, ils chargeront automatiquement le code CSS correct sans qu'aucune action côté serveur ne soit nécessaire, mais il faut simplement savoir comment procéder.

Encore une fois, en théorie, je serais très surpris que cela ne soit pas possible ou que le test adéquat de différents types de support devienne un cauchemar, à moins que vous ne disposiez de véritables appareils disponibles et à portée de main, mais en regardant en ligne, il semble que ce soit le cas (sûrement quelqu'un aurait mis une option dans les navigateurs quelque part, où vous pourriez configurer les types de média pris en charge ????).

Answer 2

Le moyen le plus simple serait de détecter la résolution d'écran de l'utilisateur à l'aide de Javascript: screen.width et screen.height . S'il est trop petit, prenez les mesures appropriées, comme utiliser plutôt votre feuille de style mobile. Il n’existe aucun moyen de détecter le périphérique exact utilisé par une personne.

Answer 3

En règle générale, le service des pages en fonction de l’agent d’utilisateur est géré par le serveur Web de l’application Web ou rarement par du JavaScript. Si vous répertoriez le langage / framework que vous utilisez, une aide supplémentaire peut être fournie.

La modification de l'écran de l'agent d'utilisateur sur les clients n'est généralement pas une bonne idée. Concevez vos fichiers CSS de manière à ce qu'ils soient évolutifs et permettent le zoom.

Answer 4

L'en-tête HTTP " User-Agent " Voici comment un navigateur "indique" au serveur Web de quel type de navigateur il s’agit. Il peut également contenir le système d'exploitation et la version. Dans la plupart des conditions habituelles, ces valeurs constituent une indication correcte. Nous pouvons utiliser ces informations pour créer un fichier html / css adapté au navigateur (par exemple, un appareil mobile, IE6, etc.) côté serveur.

Certains cadres, par exemple ASP.NET offre une fonctionnalité de navigateur permettant d’adapter " la sortie html (je ne suis pas convaincu cependant).

Je ne peux pas penser à une meilleure façon de faire autrement. Pour la détection de la taille de l’écran, la détection javascript devrait fonctionner correctement, mais cela ne vous donnera pas beaucoup en termes de mise en page et de taille de police si vous n’avez pas mis en œuvre une forme d’implémentation capable de restituer la sortie de manière AJAX. Pourrait être assez complexe.

Ce n’est pas vraiment une réponse, mais espérons que cela facilitera la création d’idées.

Answer 5

Un peu vieux, mais vous pouvez utiliser les types de média CSS

http://www.w3schools.com/css/css_mediatypes.asp