sites mobiles avec le bouton site complet

Question

Je cherche un moyen de faire la

suivante

1. S'ils sont sur un appareil mobile, il va -> m.domainname.com/
2. Je veux que ce extensible de sorte que dans l'avenir, je peux le faire -> m.domainname.com/iphone ou/ipad etc.
3. Je veux qu'il y ait un dispositif de dérivation qui permettra à l'utilisateur de contourner la version mobile du site Web et allez directement à la version complète (même si elles sont sur un téléphone intelligent).

J'ai vu ce code dans le passé, mais je n'ai pas réussi à le trouver récemment et je veux m'assurer que je le fais de la meilleure façon possible.

S'il vous plaît donner un exemple du code ou un endroit où je peux trouver le code/un tutoriel sur le code si possible.

Si vous voyez d'autres balises que je n'ai pas inclus dans ce que je devrais avoir, s'il vous plaît les ajouter.

Merci

Answer 1

Points 1 et 2 doivent être fait par chèque-agent utilisateur. C'est relativement facile - si vous utilisez un langage côté serveur, vous pouvez facilement regarder l'en-tête User-Agent: (notez toutefois qu'il peut être usurpé!). Vous pouvez trouver une liste complète au http://www.useragentstring.com/pages/useragentstring.php, triés par navigateur. Par exemple, la page Safari a toutes les versions de l'agent utilisateur de l'iPad.

Point 3 sera un raffinement du point 1 - vous devez cookie l'utilisateur avec leur version. Donc, en JS pur, ça va être dur. Pas impossible, mais difficile.

Answer 2

• Vous pouvez trouver différentes façons de détecter s'il s'agit d'un périphérique mobile ici http://detectmobilebrowsers.com/. Leur échantillon Javascript:

(fonction (a, b) {if (/ (android | bb \ d + | Meego) + mobile | avantgo | bada/| blackberry | blazer | Compal | elaine | fennec. | hiptop | iemobile | ip (hone | od) | iris | kindle | lge | | maemo | midp | mmp | netfront | opéra m (ob | in) i | paume ( os)? phone | p (ixi | re)/| plucker | pocket | psp | série (4 | 6) 0 | symbian | treo | up (navigateur | lien) | vodafone | wap | windows (ce | téléphone) | xda | xiino/i.test (un) ||/1207 | 6310 | 6590 | 3gso | 4p | 50 [1-6] i | 770s | 802s | a wa | abac | ac (fr | oo | s-) | ai (ko | rn) | al (av | ca | co) | amoi | an (ex | ny | yw) | aptu | ar (ch | go) | as (te | us) | attw | au (di | -m | r | s ) | avan | be (ck | ll | nq) | bi (lb | rd) | bl (ac | az) | br (e | v) w | bumb | bw- (n | u) | c55/| capi | ccwa | cdm- | cellule | chtm | cldc | cmd- | co (mp | nd) | craw | da (il | ll | ng) | dbte | dc-s | devi | dique | dmob | do (c | p) o | ds (12 | -d) | el (49 | ai) | em (l2 | ul) | er (ic | k0) | esl8 | ez ([4-7] 0 | os | wa | ze) | fetc | fly (- | ) | g1 u | g560 | gène | gf-5 | g-mo | go (.w | od) | gr (ad | un) | haie | hcit | hd- (m | p | t) | hei- | hi (pt | ta) | hp ( i | ip) | hs-c | ht (c (- | | | a | g | p | s | t) | tp) | hu (aw | tc) | i- (20 | go | ma) | i230 | iac ( | - | /) | ibro | idée | ig01 | ikom | im1k | inno | ipaq | iris | ja (t | v) | jbro | jemu | jigs | kddi | keji | kgt ( | /) | klon | kpt | kwc- | kyo (c | k) | le (no | xi) | lg ( g |/(k | l | u) | 50 | 54 | - [aw]) | libw | lynx | m1-w | m3ga | m50/| ma (te | ui | xo) | mc (01 | 21 | ca) | m-cr | moi (rc | ri) | mi (o8 | oa | ts) | mmef | mo (01 | 02 | bi | de | do | t (- | | o | v) | zz) | mt (50 | p1 | v ) | mwbp | mywa | n10 [0-2] | n20 [2-3] | n30 (0 | 2) | n50 (0 | 2 | 5) | n7 (0 (0 | 1) | 10) | ne ((c | m) - | sur | tf | wf | wg | wt) | nok (6 | i) | nzph | o2im | op (ti | wv) | oran | owg1 | p800 | pan (a | d | t) | pdxg | pg (13 | - ([1-8] | c)) | phil | pire | pl (ay | uc) | pn-2 | po (ck | rt | se) | prox | psio | pt-g | qa-a | qc (07 | 12 | 21 | 32 | 60 | - [2-7] | i-) | qtek | r380 | r600 | raks | rim9 | ro (ve | zo) | s55/| sa (ge | ma | mm | ms | ny | va) | sc (01 | h- | oo | p-) | sdk/| s e (c (- | 0 | 1) | 47 | mc | nd | ri) | sgh- | shar | sie (- | m) | sk-0 | sl (45 | id) | sm (al | ar | b3 | it | t5) | so (ft | ny) | sp (01 | h- | v- | v ) | sy (01 | mb) | t2 (18 | 50) | t6 (00 | 10 | 18) | ta (gt | lk) | tcl- | tdg- | tel (i | m) | tim- | t-mo | à (pl | sh) | ts (70 | m- | m3 | m5) | tx-9 | up (.b | g1 | si) | utst | v400 | v750 | veri | vi (rg | te) | vk (40 | 5 [0-3] | -v) | vm40 | voda | vulc | vx (52 | 53 | 60 | 61 | 70 | 80 | 81 | 83 | 85 | 98) | w3c (- | ) | webc | whit | wi (g | nc | nw) | wmlb | wonu | x700 | yas- | votre | zeto | zte-/i.test (a.substr (0,4))) window.location = b}) (navigator.userAgent || navigator.vendor || window.opera, 'http://detectmobilebrowser.com/mobile');

• Comme vous pouvez le voir, vous pouvez changer facilement l'URL que vous voulez qu'ils naviguer.
• Beaucoup de sites utilisent une simple boîte de dialogue pour demander aux utilisateurs s'ils veulent utiliser le site Web normal, ou le mobile, vous pouvez le faire aussi bien. J'utilise jQuery Mobile pour l'un de mes sites, donc je viens d'utiliser une boîte de dialogue normale:

Bonne chance.