分类 默认分类 下的文章

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>


分享几个IP接口使用案例


谈及前端开发,总难免涉及到IP查询问题,有时候你写个简单的 Demo ,都是需要加个IP查询,方能显得逼格。在网上寻找许久,总结几个可用的接口,以及前端调用的简单方法,仅供参考。

友情提示:网上有介绍说 淘宝接口、腾讯接口、有道接口,博主在亲测是无效的。