pc端页面在手机上打开跳转至相应的移动端页面

最新推荐文章于 2024-02-07 17:40:04 发布

原创最新推荐文章于 2024-02-07 17:40:04 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

js 同时被 2 个专栏收录

45 篇文章

订阅专栏

html

27 篇文章

订阅专栏

本文介绍了一种判断用户设备类型并实现从PC端页面智能跳转至相应手机端页面的方法，通过分析用户代理信息，确保用户体验的一致性和优化。适用于需要根据不同设备提供定制化网页内容的场景。

方式一:

<script>
try {
        var urlhash = window.location.hash;
        if (!urlhash.match("fromapp"))
        {
            if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
            {
                window.location="http://www.xxxx.com/article.html?id="+id; //这里的网址请改为你手机站的网址
            }
        }
    }
    catch(err)
    {
    }
  <script>

方式二:

//返回true表示为pc端打开，返回false表示为手机端打开
function check() {
var userAgentInfo=navigator.userAgent;
var Agents =new Array(“Android”,“iPhone”,“SymbianOS”,“Windows Phone”,“iPad”,“iPod”);
var flag=true;
for(var v=0;v<Agents.length;v++) {
if(userAgentInfo.indexOf(Agents[v])>0) {
flag=false;
break;
}
}
return flag;
}
————————————————
原文链接：https://blog.youkuaiyun.com/hzh254052917/article/details/79036284

获取当前pc端页面的参数值,将值加入到相应的移动端url中