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

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

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

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

手机端:

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

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

电脑端:

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

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

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

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

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

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

(责任编辑:海薇站长网)

更多推荐

织梦如何在html里面判断,织梦cms教程之电脑和移动端网页自动判断跳转代码