标签 HTML 下的文章

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>


我和前端的那些事儿


在开发领域,总能听到这两个词:“前端”、“后端”。

然,像我这种没有系统学习过的人来说,而且圈子也比较小众,第一次听到这种词是比较陌生的。但好在语文功底不错,顾名思义,结合实际场景,大概也能猜出一二。

第一次决定自己写一个 HTML Demo 的时候,是为了做个导航页面,因为不想每次都手动输入地址(博主是个比较懒的人),然后开始去了解HTML相关的内容,当然深入学习那是不可能的,经常是明确需求,然后各种搜索,各种修改。也不怕看到这篇博文的各位大佬笑话,我的 Demo 都是需改一点,刷新看看,再修改一点,在刷新看看 …… 如此反复,最终达到我要的效果。
2.jpg