自动识别物联网时代的切入点柔软
中药大全 2020年04月04日 浏览:3 次
自动识别PC与移动页跳转代码
最近比较忙,一直在弄站的移动适配。先前站用了百度自带的siteapp,用了以后发现非常不给力,打开时需要跳转慢、内容不会分行分段,文字全部集中在一起完全分不清楚上跟下是哪一段,这样对于用户来说是很大的伤害,严重影响了用户体验。所以我就想了个办法,做了一个端的页面和移动适配。在实施的过程中,遇到了一些问题,简单的总结一下,说不定你们以后也会遇到的:PC端的站程序不能用两套模板分别生成两个不同的页面这个问题解决方法比较简单,就是将原来的PC站、数据库复制,然后在用端的域名指向到该站,然后修改掉站的模板改为端的,随后生成整站。这种方法虽然有效,但有一点缺点就是以后更新的时候都要发布两篇内容了。PC和移动端识别跳转问题这个问题相信很多人都会遇到,就是访客用访问站的时候,如何才能识别到客户端,根据不同的客户端去跳转到()页?这个很简单,其实加一段JS代码在头部就行了。script var pc_style = var browser = { versions: function () { var u = erAgent, app = pVersion; return { trident: dexOf(Trident) -1, presto: dexOf(Presto) -1, webKit: dexOf(AppleWebKit) -1, gecko: dexOf(Gecko) -1 dexOf(KHTML) == -1, mobile: !!tch(/AppleWebKit.*Mobile.*/) || !!tch(/AppleWebKit/) dexOf(QIHU) dexOf(QIHU) -1 dexOf(Chrome) 0, ios: !!tch(/\(i[^;]+;( U;)? CPU.+Mac OS X/), android: dexOf(Android) -1 || dexOf(Linux) -1, iPhone: dexOf(iPhone) -1 || dexOf(Mac) -1, iPad: dexOf(iPad) -1, webApp: dexOf(Safari) == -1, ua: u }; }(), language: (owserLanguage || nguage).toLowerCase() } if (bile !ad) { cation = 此处输入跳转微站首页地址; } /script有了上面的代码,用访问PC站的时候确实能够解决了跳转到移动端的问题。但细心的朋友会注意到,上面的跳转地址是死的,这就意味着你要手动去更新链接,这样非常麻烦,所以我又想了一个解决方法,还是利用JS来判断URL的路径,然后获取判断的URL路径设置跳转。注意:下面的代码只适用于PC端和移动端URL路径一样,域名不一样的适配,举个例子:PC站的URL是移动端的URL是两个的URL路径一样,只是域名不一样。scriptlanguage=Javascripttype=text/JavascriptfunctionGetUrlRelativePath() { varurl=String(); vararrUrl=lit(//); varstart=arrUrl[1].indexOf(/); varrelUrl=arrUrl[1].substring(start);//stop省略,截取从start开始到结尾的所有字符 if(dexOf(?)!=-1){ relUrl=lit(?)[0]; } returnrelUrl; }varpc_style=varbrowser={versions:function(){varu=erAgent,app=pVersion;return{trident:dexOf(Trident)-1,presto:dexOf(Presto)-1,webKit:dexOf(AppleWebKit)-1,gecko:dexOf(Gecko)dexOf(KHTML)==-1,mobile:!!tch(/AppleWebKit.*Mobile
.*/)||!!tch(/AppleWebKit/)dexOf(QIHU)dexOf(QIHU)dexOf(Chrome)0,ios:!!tch(/\(i[^;]+;(U;)?CPU.+MacOSX/),android:dexOf(Android)-1||dexOf(Linux)-1,iPhone:dexOf(iPhone)-1||dexOf(Mac)-1,iPad:dexOf(iPad)-1,webApp:dexOf(Safari)==-1,ua:u};}(),language:(owserLanguage||nguage).toLowerCase()}if(bile!ad){varurl=GetUrlRelativePath();if(url)ef=+url;//改成你的端域名}/script这样加上上面的JS,就可以自动识别跳转了。
宝宝脾虚吃什么食物小孩吃什么健脾胃薏芽健脾凝胶吃法宝鸡男科医院地址
东莞治疗男科医院
什么中草药是舒筋活络
可以舒筋健骨的方法有哪些桂林市妇科医院地址
排卵期出血小腹痛

- 上一篇: 三七女生节玩什么缘由
- 下一篇 中国商业联合会副会长王民透露
-
幸福快乐下半年楼市调控仍将保持高压态势依依不舍
2020-06-16
-
中医养生美容8大秘密武器
2019-07-16
-
石指甲草的传闻
2019-07-15
-
中医介绍糙米有哪些养生功效
2019-07-15
-
放松功与松静功
2019-07-13
-
足疗乱来小心把小病搞大1
2019-07-11