网站依据不一样浏览机器设备自动跳转到PC网页页

2021-03-09 23:53 jianzhan

现阶段许多网站全是选用了响应式响应式网页页面的设计方案了,依据浏览机器设备的不一样,显示信息不一样的內容。可是還是会出现一些节奏感较为慢的网站,還是PC网页页面和手机上PAD网页页面不一样的浏览网站域名。恰好我这儿有一个必须,同一个网站域名要依据不一样的浏览机器设备显示信息PC网页页面或是手机上网页页面,这儿搜集2个较为简约的方式,全是根据JS编码完成的。

第一个:

script type="text/javascript"
try {var urlhash = window.location.hash;if (!urlhash.match("fromapp"))
{if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
{window.location="script


location.href = ""; }else if(userAgent.indexOf("ios") != -1 || userAgent.indexOf("iphone") != -1 || userAgent.indexOf("ipad") != -1){ platform = 'IOS'; location.href = ""; }else if(userAgent.indexOf("windows phone") != -1 ){ platform = 'WP'; location.href = ""; }else{ platform = 'WEB' ; location.href = ""; /script

第二个:

这一个是每段编码,各自放进PC网页页面网页页面和手机上网页页面网页页面,完成不一样机器设备浏览不一样网页页面都能完成调节,例如电脑上浏览了手机上网页页面的详细地址也会自动跳转到PC网页页面上去。

最先是放进PC网页页面的编码:


if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){ if(window.location.href.indexOf("?mobile") 0){ try{ if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){ window.location.href=wapurl; }else{ window.location.href=wapurl; }catch(e){} /script
if(/AppleWebKit.*Mobile/i.test(navigator.userAgent)==false || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))==false){ if(window.location.href.indexOf("?mobile") 0){ try{ if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)==false){ window.location.href=pcurl; }catch(e){} /script