Basé sur JS, accédez à la page Web mobile correspondante lorsque le terminal mobile accède aux compétences PC page_javascript

Si vous ne souhaitez pas utiliser l'affichage adaptatif CSS pour afficher différents styles sur le PC et les terminaux mobiles, vous ne pouvez accéder à la page Web mobile correspondante que lorsque vous accédez à la page Web PC sur le terminal mobile. Alors, comment y accéder ? Il existe également des options sur Internet. De nombreux articles indiquent que les idées de mise en œuvre suivantes ont été testées par l'éditeur et peuvent être utilisées en toute confiance.

1. Rendu

Affichage accès PC :

Affichage accès mobile :

2. Mise en œuvre :

Si vous n'envisagez pas l'optimisation des moteurs de recherche mobiles, il vous suffit d'utiliser JS pour déterminer s'il est mobile, puis de déterminer s'il faut accéder à la page spécifiée. Le JS principal est le suivant :

//判断是否移动端，如果是则跳转到指定的URL地址
function browserRedirect(url) {
//只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
window.location.replace(url);
}
}

Puis référencez JS sur la page et appelez la méthode :

<script src="../js/wap.js"></script>
<script type="text/javascript">browserRedirect("http://ycdoit.com/test/testmobile.html");</script> 

Rappel amical de Script House : vous pouvez utiliser PC et mobile pour visiter la page de test pour démontrer l'effet !

Cet article vous présente l'implémentation basée sur JS consistant à accéder à la page Web mobile correspondante lorsque le terminal mobile accède à la page PC. J'espère que cela vous sera utile !