标签 Nginx 下的文章

Nginx 适配PC和手机端页面


需求总是不断在变。
有时候我们需要针对不同的访问方式指定不同的页面或者URL。
如仅是几个静态页面进行切换,那么可以用js进行判断跳转,如:

  • 例子
有两个页面,分别是 index.html、index_m.html;

index.html(假定电脑端) 添加如下 JavaScript 代码:
<script>
    if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
        跳转手机
        window.location.href = "https://xxx.xxx/index_m.html";
     } 
</script>

index_m.html 增加如下代码,其实就是反过来:
<script>
    if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
       // 匹配手机,不做处理
     } else { // 调整PC
        window.location.href = "https://xxx.xxx/index.html";
    }
</script>