小冬SEO

移动端访问PC端www自动跳转到m移动端代码

2021-11-25 16:53:20 23078 网站建设

我们在建站的时候需要完善用户体验,这个时候就需要我们考虑用户在用手机或者平板访问我们网页的PC端时,自动跳转到移动端网址上面,实现正常访问(自适应网站不需要这个功能)。这个功能实现的方式有很多,下面小冬就来介绍一种我常用的方法。

做个记录和分享:

<script type="text/javascript">
try {
    const loc = window.location;
    if (!loc.hash.match("fromapp")){  
      if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))){
          window.location=loc.href.replace("//www.","//m.");  
      }
    }
}catch(err){
    console.error(err)
};
</script>

这种跳转适合PC端和移动端除了www和m不同之外,其他都是相同的就可以使用。例如:

  • PC端:https://www.cdseoyh.cn/shuo/130.html
  • 移动端:https://m.cdseoyh.cn/shuo/130.html

当然我这个站是自适应站,所以没有这个对应的链接,这里举例说明。你们可以根据自己的需求修改。

版权保护: 本文由小冬SEO编辑发布,转载请保留链接: https://www.cdseoyh.cn/jianzhan/205.html

小冬SEO 草根seoer,从事搜索引擎关键词优化,喜欢学习专研各类SEO优化技巧—小冬SEO博客
  • 138文章总数
  • 23079本页访问
  • 运营时间
  • 标签

    友情链接

      {dede:sql sql="select url,webname from dede_flink where typeid = (select id from dede_flinktype where typename=~typename~)"}
    • [field:webname/]
    • {/dede:sql}