移动端与pc端公用一个域名
移动端与pc端采用两种布局和样式,但是公用一个域名。
当在pc端浏览网页时,采用pc端的样式加载页面,当在移动端浏览网页时,则直接跳转到移动端页面,域名不变(设备自适应网页加载的布局和样式)。
在网页加载刚开始,对设备进行自主判断,相应加载移动端或者pc端布局和样式:
对UA进行判断
判断写在页面还没开始加载之前:
<head> <meta charset="UTF-8"> <script>// 在移动端的页面在上面对加载页面的设备进行判断,如果不为移动设备,则跳转加载pc端样式if(!(/(android|iphone|ipad|PlayBook|BB10)/i).test(window.navigator.userAgent)){ window.location.href = 'http://localhost:8080/web/src/index.html';} </script> <title>Tako</title></head>
pc端页面head头中也需要加入设备判断
<script>// 若设备为移动设备,则跳转加载移动端样式if((/(android|iphone|ipad|PlayBook|BB10)/i).test(window.navigator.userAgent)){ window.location.href = 'http://localhost:8080/phone/src/index.html';} </script>
扫一扫关注微信公众号
扫一扫加我为好友
扫一扫用手机访问