如何让电脑网页跳转手机网页代码分享

内容摘要

前端网页代码可以判断用户那个终端打开页面，最终实现跳转

文章正文

很多人在使用制作网站的时候，会出现这种情况，即电脑版+手机版，那么为了更好的体验，需要实现这种效果，即电脑版网页跳转手机端网页，今天分享两种代码：

第一种：不管访问电脑版的任何网址，都跳转手机版网页的首页：

<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://idcnote.com/";}}}
catch(err)
{
}</script>

//注释：红色字体为手机端网址，请替换到对应的手机端网址即可

第二种：访问电脑端网址，跳转至手机端对应的电脑端网址：

<script type="text/javascript">
function browserRedirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
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 (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
var lj=window.location.pathname;
window.location.href = "http://idcnote.com"+lj;
}
}
browserRedirect();
</script>

//注释：红色字体为手机端网址，请替换到对应的手机端网址即可.

代码注释

[!--zhushi--]

上一篇返回列表下一篇本地电脑远程如何登陆windows服务器

作者：喵哥笔记

学的不仅是技术，更是梦想！