天津快3

一尘网 - 追踪 - 正文

HTML移动端及PC端页面适配跳转

2019-10-29 11:07

天津快3  网页通常需要适配PC端和移动端,适配可以通过响应式布局判断屏幕尺寸来展示不同的效果,还可以通过编写两个页面,也就是PC端和移动端分别写一个页面,这种方式更方便功能模块的编写。

  通常情况下,PC端域名使用www,而移动端域名使用m,在编写PC和移动两个页面时,在实际页面加载时要加载到对应的页面,所以需要判断设备的类型,让引擎和浏览器知道,PC端用户应该访问哪个页面,移动端用户应该访问哪个页面。

  自适应页面,在页面头部添加一行:<meta name="applicable-device" content="pc,mobile">

  PC页面,在页面头部添加一行:<meta http-equiv="mobile-agent" content="format=xhtml; url=https://m.williamlong.info/">

  PC页面,在页面底部增加Javascript代码,将移动设备访问流量跳转到移动网站,例如:

<script>
!function () {
var devices = ["iPhone","Android","Windows Phone"]
var ua = window.navigator.userAgent
for (var i = 0; i < devices.length; i++) {
if (ua.indexOf(devices[i]) != -1) {
    window.location.href = 'https://www.williamlong.info'
}
}
}()
</script>

顶一下 ▲()   踩一下 ▼()

编辑:陈红

版权与免责声明:

凡未注明"稿件来源"的内容均为转载稿,本网转载出于传递更多信息的目的;如转载稿涉及版权问题,请作者联系我们,同时对于用户评论等信息,本网并不意味着赞同其观点或证实其内容的真实性;


本文地址:http://mywkr.com/news/2019/10/29/659136.html天津快3

转载本站原创文章请注明来源:一尘网天津快3

点击排行
焦点

看上去很火的短视频,对创业者却是个无底洞

  美国杂志《名利场》曾经针对“青少年喜爱的明星”做过一次调 ...详情

Win10系统的便签(便利贴)在哪?

Win10系统更新成2016年周年 版,版本编号1607,。 ...详情

19999元!“小米”自行车来了 史上最贵

啄木网-青岛IT(www.zomiu.com):19999元 ...详情

天津快32月流失20万玩家 绝地求生真的要凉了吗?

《绝地求生》自发布以来可以说是一路飙升,玩家数量每月都有很明 ...详情

万字干货总结:最全的运营数据指标解读

用户获取是运营的起始,用户获取接近线性思维,或者说是一个固定 ...详情

CopyRight © 2019 mywkr.com, All Rights Reserved 一尘网 版权所有

使用一尘网前必读 | 关于我们 | 免责声明 | 隐私政策 | 版权声明 | 联系我们
天津快3_天津快三计划_天津快3注册 澳门快3_澳门快三_澳门快三注册 澳门快3_澳门快三计划_澳门快3注册 极速快三_极速快3_极速快三计划 极速快3_极速快三_极速快三注册 极速快3_极速快3_极速快3计划 极速快3_极速快3_极速快3注册 极速快三_极速快三_极速快三计划 极速快三_极速快三_极速快三注册 极速快3_极速快三_极速快三计划 极速快三_极速快3_极速快三注册 极速快三_极速快3_极速快3计划 极速快3_极速快三_极速快3注册 极速快三_极速快3_极速快三计划 极速快3_极速快三_极速快三注册 幸运快三_幸运快3_幸运快三注册 幸运快3_幸运快三_幸运快三注册 幸运快三_幸运快3_幸运快3注册 幸运快3_幸运快三_幸运快3注册 幸运快3_幸运快3_幸运快3注册 幸运快三_幸运快三_幸运快3注册 幸运快三_幸运快三_幸运快3注册 幸运快3_幸运快三注册邀请码 幸运快三_幸运快三注册邀请码 幸运快三_幸运快3注册邀请码