织梦网站是大家比较常用的网站,随着移动端的兴起,pc、移动端同时使用的情况普遍皆是,那么怎么样让我们的网页根据页面屏幕来显示呢,怎么样区分移动端和电脑端呢?
目前很多网站都是采用了响应式自适应页面的设计了,根据访问设备的不同,显示不同的内容。但是还是会有一些节奏比较慢的网站,还是PC页面和手机PAD页面不同的访问域名。正好我这里有个需要,同一个域名要根据不同的访问设备显示PC页面或者手机页面,这里收集两个比较简洁的方法,都是通过JS代码实现的。
dedecms 自动判断加载pc页面 手机端页面
当你的网页使用了两套代码(移动端和pc端代码)来显示你的网页时,就需要用到这种方法:
手机端:
if (!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
window.location.href = "http://www.cuoXin.com"+window.location.pathname;}
电脑端:
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
window.location.href = "http://m.cuoXin.com"+window.location.pathname;}
在不同的模板代码里加上不同的跳转代码就可以打开不同的页面了,是否很智能呢!
下面在给大家分享一个单项简易跳转的代码,只需要加载pc端模板中即可:
if(navigator.platform.indexOf('Win32')!=-1){}
else{window.location.href="http://m.cuoXin.com"+window.location.pathname}
新闻热点
疑难解答