海薇站长网 - 让网站建设、优化、维护从此简单!

海薇站长网

当前位置: 海薇站长网 > CMS教程 > 织梦cms教程之电脑和移动端网页自动判断跳转代码

织梦cms教程之电脑和移动端网页自动判断跳转代码

时间:2019-09-27 13:36:16来源:CMS教程网 作者:365天天网 点击:
还是PC页面和手机PAD页面不同的访问域名。正好我这里有个需要,同一个域名要根据不同的访问设备显示PC页面或者手机页面,这里收集两个比较简洁的方法,都是通过JS代码实现的。

织梦网站是大家比较常用的网站,随着移动端的兴起,pc、移动端同时使用的情况普遍皆是,那么怎么样让我们的网页根据页面屏幕来显示呢,怎么样区分移动端和电脑端呢?

目前很多网站都是采用了响应式自适应页面的设计了,根据访问设备的不同,显示不同的内容。但是还是会有一些节奏比较慢的网站,还是PC页面和手机PAD页面不同的访问域名。正好我这里有个需要,同一个域名要根据不同的访问设备显示PC页面或者手机页面,这里收集两个比较简洁的方法,都是通过JS代码实现的。

dedecms 自动判断加载pc页面 手机端页面

当你的网页使用了两套代码(移动端和pc端代码)来显示你的网页时,就需要用到这种方法:

手机端:

if (!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {

window.location.href = "http://www.hwsem.com"+window.location.pathname;}

电脑端:

if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {

window.location.href = "http://m.hwsem.com"+window.location.pathname;}

在不同的模板代码里加上不同的跳转代码就可以打开不同的页面了,是否很智能呢!

下面在给大家分享一个单项简易跳转的代码,只需要加载pc端模板中即可:

if(navigator.platform.indexOf('Win32')!=-1){}

else{window.location.href="http://m.hwsem.com"+window.location.pathname}

(责任编辑:海薇站长网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
推荐内容
图文推荐