本文作者:35博客

用JavaScript实现网站自动跳转电脑PC端与手机端不同页面

35博客 3个月前 ( 09-02 ) 505 抢沙发

电脑PC端和手机端,实现不同的页面跳转,今天修改网站正好需要这个功能然后上网查了一下,

代码如下:

<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) {
window.location.href= '手机地址';
} else {
window.location= '电脑地址';
}
}
browserRedirect();
</script>

我们可以直接将上面的JS代码添加到访问页面头部或者单独设置一个页面,然后设置我们需要跳转的PC和手机端URL或者页面。

文章版权及转载声明:

作者:35博客本文地址:https://www.35boke.com/post/159.html发布于 3个月前 ( 09-02 )
文章转载或复制请以超链接形式并注明出处35博客

分享到:
赞(0

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

发表评论

快捷回复:

评论列表 (暂无评论,505人围观)参与讨论

还没有评论,来说两句吧...