javascript - 京东首页如何实现pc端和移动端加载不同的html的？

问题描述

用手机浏览器访问京东 域名是http://m.jd.com用电脑访问的是http://www.jd.com，当然两个页面也不一样，请问这个是怎么实现的？方便的话写个实例代码，谢谢！

问题解答

进入www.jd.com后代码判断是手机的话就跳转m.jd.com

let ua = window.navigator.userAgent.toLocaleLowerCase()let murl ='//m.jd.com',let reg =/iphone|android|symbianos|windowssphone/gif (reg .test(ua )) { window.location.href = murl }

京东源码：

!function(n){function o(n){for(var o=n+'=',t=document.cookie.split(';'),e=0;e<t.length;e++){for(var i=t[e];' '==i.charAt(0);)i=i.substring(1,i.length);if(0==i.indexOf(o))return i.substring(o.length,i.length)}return null}var t=o('pcm'),e=n.navigator.userAgent.toLocaleLowerCase(),i='//m.jd.com',r=/iphone|android|symbianos|windowssphone/g,c=/micromessenger|qq/[d.]+/i;return c.test(e)?(n.location.href='https://wqs.jd.com/?from=jdindex',!1):r.test(e)&&'1'!=t?(n.location.href=i,!1):void 0}(window);回答2：

判断下UA就好了

request.getHeader('user-agent')

userAgent

window.navigator.userAgent