Maison > interface Web > js tutoriel > Le script JS accède au site Web mobile WAP en fonction du type de navigateur mobile (deux méthodes)_compétences Javascript

Le script JS accède au site Web mobile WAP en fonction du type de navigateur mobile (deux méthodes)_compétences Javascript

WBOY
Libérer: 2016-05-16 15:47:25
original
1465 Les gens l'ont consulté

Avec la popularité continue de l'Internet mobile, la promotion en ligne des entreprises ne se limite pas seulement au côté PC, mais se développe également du côté mobile. Après avoir complété le téléphone mobile WAP sur notre propre site Web, si un utilisateur accède à notre site Web de nom de domaine de premier niveau d'entreprise via un téléphone mobile, nous devons juger et accéder au site Web WAP spécialement conçu pour cela. L'éditeur ci-dessous présente deux méthodes selon. au type de navigateur mobile. Accédez au site Web mobile WAP, le contenu spécifique est le suivant.

La première façon : script JS direct

<script type="text/javascript">
try {
var urlhash = window.location.hash;
if (!urlhash.match("fromapp"))
{
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
{
window.location="http://www.laozuo.org(更换成自己的WAP网站)";
}
}
}
catch(err)
{
}</script>
Copier après la connexion

La deuxième façon, légèrement plus longue, est de citer


function uaredirect(murl){
try {
if(document.getElementById("bdmark") != null){
return;
}
var urlhash = window.location.hash;
if (!urlhash.match("fromapp")){
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
location.replace(murl);
}
}
} catch(err){}
}
Copier après la connexion

Enregistrez le script ci-dessus dans le fichier mobile.js, puis référencez les 2 fichiers d'appel JS suivants sur la page qui doit être appelée.

Copier le code Le code est le suivant :




Les deux méthodes peuvent être utilisées. Je l'ai testé sur Android et IPHONE.

Ce qui précède représente l'intégralité du contenu permettant d'accéder au site Web mobile WAP en fonction du type de navigateur mobile via deux méthodes. J'espère que vous l'aimerez.

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal