responsive design<\/code>. En effet, vous \u00eates oblig\u00e9(e) d’installer le SDK de chaque syst\u00e8me d’exploitation, de le configurer bref de le faire fonctionner. Or, Safari apporte une solution facile et agile pour rem\u00e9dier \u00e0 ce probl\u00e8me. Pour r\u00e9sumer simplement, vous pouvez d’une certaine fa\u00e7on cr\u00e9er autant de “profil” que vous le souhaitez au sein du navigateur Safari, profils qui sont autant de “User Agent” permettant de simuler la vue sur une Tablette ou sur un mobile, fonctionnant sous tous les syst\u00e8mes d’exploitations du march\u00e9 : iOS, Android, Windows Phone, BlackBerry…etc.<\/p>\n\t\t\t\t\t\n\n\t\t\t\t\t \n\t\t\t\t\t ![\"Responsive](\"http:\/\/ecx.images-amazon.com\/images\/I\/41JKeLWpIkL._SL160_.jpg\")
<\/a>\n\t\t\t\t\t <\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tResponsive Web design, N\u00b04<\/a><\/h2>\n\t\t\t\t\t\t\t\n\t\t\t\t\t Un tour d'horizon rapide et pragmatique sur les questions de responsive Web design afin de concevoir des exp\u00e9riences UX multi-plateformes (mobile, tablette et web)<\/p>\n\t\t\t\t\t\t\t\tGenre(s) : Agile<\/a>, Applications<\/a>, HTML5<\/a>, IHM<\/a>, jQuery<\/a>, Marketing<\/a>, Mobile<\/a>, Mockup & Agile<\/a>, Multicanal<\/a>, Responsive Web design<\/a>, Tablette<\/a>, Webdesign<\/a>, Wireframe & Agile<\/a>
\n\t\t\t\t\t<\/i>+ d'infos<\/span><\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\nUn tour d’horizon des “User Agent”<\/h4>\n
On liste ici les principaux user agent notamment en faisant tout de m\u00eame la distinction entre les tablettes et les mobiles, car tr\u00e8s souvent les exp\u00e9riences, l’UX et les IHM que l’on con\u00e7oit pour un site diff\u00e8re quelque peu selon la taille de l’\u00e9cran… en attendant la t\u00e9l\u00e9vision connect\u00e9e bien s\u00fbr.<\/p>\n
Voici un rapide tour d’horizon non exhaustif des “User Agnet” dont vous aurez sans doute besoin. Il en existe assur\u00e9ment un bien plus grand nombre mais pour des raisons pratiques et pragmatiques, nous ne donnons que les principaux.<\/p>\n
\tDans la famille “Android”…<\/b><\/p>\n\n- Le
User Agent<\/code> pour une tablette Galaxy qui fonctionne avec Android sera la suivant :
\n\tMozilla\/5.0 (Linux; Android 4.0.4; GT-P7510 Build\/IMM76D) AppleWebKit\/535.19 (KHTML, like Gecko) Chrome\/18.0.1025.166 Safari\/535.19<\/code><\/li>\n- Le
User Agent<\/code> pour un Galaxy Note (mobile) qui fonctionne avec Android sera la suivant :
\n\tMozilla\/5.0 (Linux; Android 4.0.4; GT-N7000 Build\/IMM76D) AppleWebKit\/535.19 (KHTML, like Gecko) Chrome\/18.0.1025.166 Mobile Safari\/535.19<\/code><\/li>\n<\/ul>\nSource : http:\/\/docs.oracle.com\/cd\/E14004_01\/books\/ConnMobApps\/ConnMobApps_Setup8.html<\/a><\/i><\/p>\nDans la famille “Windows Phone”<\/b>
\nQuelques membres de l’honorable famille “Windows Phone”…<\/p>\n\n- Le User Agent Windows Phone 7
\nMozilla\/4.0 (compatible; MSIE 7.0; Windows Phone OS 7.0; Trident\/3.1; IEMobile\/7.0; LG; GW910)<\/code><\/li>\n- Le User Agent Windows Phone 7.5
\nMozilla\/5.0 (compatible; MSIE 9.0; Windows Phone OS 7.5; Trident\/5.0; IEMobile\/9.0; SAMSUNG; SGH-i917)<\/code><\/li>\n- Le User Agent Windows Phone 8
\nMozilla\/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident\/6.0; IEMobile\/10.0; ARM; Touch; NOKIA; Lumia 920)<\/code><\/li>\n<\/ul>\nSource : http:\/\/jonathanstark.com\/blog\/<\/a><\/i><\/p>\nDans la famille “BlackBerry”<\/b>
\nLa famille des terminaux “M\u00fbre” (aka BlackBerry en anglais) est d’une tr\u00e8s grande vari\u00e9t\u00e9. Pour plus d’information, sur la mani\u00e8re de cibler les terminaux BlackBerry, on vous invite vivement \u00e0 consulter le blog de d\u00e9veloppement de blackberry.com. Il y est expliqu\u00e9 le mod\u00e8le de construction ou la “pattern” qui sp\u00e9cifie le “User Agent” de chaque mod\u00e8le de Blackberry.<\/p>\n\n- Le mod\u00e8le du “User Agent” pour un BlackBerry 10
\n\t\tMozilla\/5.0 (BB10; ) AppleWebKit\/537.10+ (KHTML, like Gecko) Version\/ Mobile Safari\/537.10+<\/code><\/li>\n<\/ul>\nSource : http:\/\/devblog.blackberry.com\/2012\/08\/blackberry-10-user-agent-string\/<\/a><\/i><\/p>\nOn vous donne n\u00e9anmoins quelques-uns des users agents nous avons pu cueillir sur le web…<\/p>\n
\n- Le User Agent pour le mod\u00e8le Z10
\n\tMozilla\/5.0 (BB10; Touch) AppleWebKit\/537.10+ (KHTML, like Gecko) Version\/10.0.9.2372 Mobile Safari\/537.10+<\/code><\/li>\n- Le User Agent pour la tablette BlackBerry
\n\tMozilla\/5.0 (PlayBook; U; RIM Tablet OS 2.0.0; en-US) AppleWebKit\/535.8+ (KHTML, like Gecko) Version\/7.2.0.0 Safari\/535.8+<\/code><\/li>\n<\/ul>\nEnfin, un exemple assez complet, o\u00f9 l’on comprend mieux en pratique le mode d\u00e9termination du mod\u00e8le.<\/p>\n
\n\tBlackberry Curve: BlackBerry8330\/4.5.0.77 Profile\/MIDP-2.0 Configuration\/CLDC-1.1 VendorID\/105
\n\tBlackberry Curve 2: BlackBerry8530\/5.0.0.337 Profile\/MIDP-2.1 Configuration\/CLDC-1.1 VendorID\/105
\n\tBlackberry Storm: BlackBerry9530\/4.7.0.148 Profile\/MIDP-2.0 Configuration\/CLDC-1.1 VendorID\/105
\n\tBlackberry Storm 2: BlackBerry9550\/5.0.0.287 Profile\/MIDP-2.1 Configuration\/CLDC-1.1 VendorID\/105
\n\tBlackberry Tour : BlackBerry9630\/4.7.1.40 Profile\/MIDP-2.0 Configuration\/CLDC-1.1 VendorID\/105
\n\tBlackberry Pearl Flip: BlackBerry8230\/4.6.1.234 Profile\/MIDP-2.0 Configuration\/CLDC-1.1 VendorID\/105
\n\tBlackberry Pearl: BlackBerry8130\/4.3.0 Profile\/MIDP-2.0 Configuration\/CLDC-1.1 VendorID\/105
\n\tBlackberry World: BlackBerry8830\/4.2.2 Profile\/MIDP-2.0 Configuration\/CLDC-1.1 VendorID\/105<\/p>\n
\tKeep in mind that \u201cVendorID\/105\u2033 specifies Verizon networks.\n<\/p><\/blockquote>\n
![\"Mobile,](\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/07\/user_agent_detect_1.jpg\")
\t<\/p>\n![\"Mobile,](\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/07\/user_agent_detect_2.jpg\")
\t<\/p>\n