Explication détaillée de certaines précautions pour le saut JS vers l'URL du site Web mobile

Cet article partage principalement avec vous quelques exemples détaillés de précautions à prendre par JS pour accéder à l'URL du site Web mobile. J'espère que cela pourra aider tout le monde.

L'intention initiale de la conception de notre plate-forme de site Web mobile est de se connecter à notre plate-forme de site Web PC existante. En termes simples, tous nos utilisateurs utilisaient notre service de site Web PC. Ils peuvent désormais obtenir un site Web avec le même. données que le site Web PC. Le point clé est que les anciens utilisateurs n’ont pas besoin de payer, c’est gratuit. (Les clients du site Web PC sont un peu excités quand on y pense.) Après avoir été en ligne pendant un certain temps, j'ai l'impression que de nombreux clients sont toujours très intéressés. Ils ont installé tel ou tel logiciel de numérisation de code QR sur leur téléphone portable, et. ils sont face au téléphone portable Scannez et scannez le code QR du site Web.

Entrons dans le vif du sujet :

Sans plus attendre, de nombreux clients viennent ici en raison de la réputation. Il s'avère que nos clients qui ne sont pas clients PC ont acheté notre service de station mobile. , qui a abouti à la question Comment le site PC peut-il passer au site mobile ?

Je pense que c'est une bonne méthode pour obtenir le navigator.userAgent du client via javascript, puis utiliser le saut d'URL.

C'est parti - code :

var isMobile = {
  Android: function() {
    return navigator.userAgent.match(/Android/i) ? true : false;
  },
  BlackBerry: function() {
    return navigator.userAgent.match(/BlackBerry/i) ? true : false;
  },
  iOS: function() {
    return navigator.userAgent.match(/iPhone|iPod/i) ? true : false;
  },
  Windows: function() {
    return navigator.userAgent.match(/IEMobile/i) ? true : false;
  },
  Linux: function() {
    return navigator.userAgent.match(/Linux/i) ? true : false;
  },
  any: function() {
    return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows() || isMobile.Linux());
  }
};
setTimeout(function() {
  if (isMobile.any()) {
    var body = document.getElementsByTagName('body');
    body[0].style.display='none';
    location.href = "http://m.某某.com/";
  }
}, 10);

Analyse simple :

1. Sur quels appareils devez-vous accéder à l'URL ?

Sous XP, win7 et mac, le saut de site mobile ne se fait généralement pas.

Android, BlackBerry, iOS, Windows mobile (téléphone), Linux et autres systèmes du marché sont des systèmes d'exploitation mobiles couramment utilisés. Le webOS de Firefox, le Nokia Symbian des « temps anciens », etc. semblent n'avoir aucun marché dans le pays et à l'étranger, alors n'y pensez pas.

2. Quels sont les problèmes lorsque la page saute ?

1. Le site Web du PC d'origine devra peut-être charger beaucoup de ressources. La page du site Web du PC a peut-être déjà été rendue avant de passer à l'URL. L'effet de saut est trop rigide

. Réponse : Une fois que js a obtenu les caractéristiques du terminal, définissez immédiatement le corps sur caché

2. Utilisez window.onload ou setTimeout ?

Réponse : je choisis quand exécuter setTimeout, mais l'abominable window.onload m'oblige à attendre que toutes les ressources soient téléchargées avant d'exécuter ma méthode, je recommande donc d'utiliser setTimeout();

Résumé :

Concernant le jugement du terminal, le code ci-dessus est très superficiel et fait un saut d'url embarrassant. C'est un dernier recours. Si le serveur détermine les caractéristiques du périphérique en fonction des informations d'en-tête de requête du client, il est préférable de renvoyer différentes ressources en conséquence.

Recommandations associées :

Méthode de saut JS et résumé du code

javascript - utilisez php pour obtenir un saut JS. URL finale transférée

2 solutions au problème du référent manquant dans JS sautez dans les compétences IE_javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!