依据系统语言、设备、url 重定向对应页面

最新推荐文章于 2025-08-12 18:58:05 发布

转载最新推荐文章于 2025-08-12 18:58:05 发布 · 71 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/justSmile2/p/10911062.html

文章标签：

#移动开发

博客介绍了一种根据浏览器语言、页面名称区分手机端与电脑的思路。通过特定方式命名html文件，独立文件并进行重定向，还给出了示例文件结构。核心代码转载自相关博客。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 思路

获取浏览器语言、页面名称、区分手机端与电脑

根据特定方式命名 html 文件，然后独立文件，重定向

eg：

- root

- gap.html gap

- index.html 、index_en.html 、 index_en_mobile ......

2. 核心代码

    var lan = /cn/ig.test(navigator.language) ? '' : '_en';
    var device = isPC() ? '' : '_mobile';
    var urlHead = window.location.href.match(/[^/]\w+\.htm/ig)[0].split('.')[0];
    window.location.href = urlHead + '/index' + lan + device + '.html';

    function isPC() {
      var userAgentInfo = navigator.userAgent;
      var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
      var flag = true;
      for (var i = 0; i < Agents.length; i++) {
        if (userAgentInfo.indexOf(Agents[i]) > 0) {
          flag = false;
          break;
        }
      }
      return flag;
    }

转载于:https://www.cnblogs.com/justSmile2/p/10911062.html