素材牛VIP会员
怎么判断访问设备的分辨率
 sc***29  分类:JavaScript  人气:985  回帖:6  发布于6年前 收藏

我现在在本地使用koa启动了一个服务器,我希望如果访问的设备的分辨率在640px以上就打开index1.html,否则就打开index2.html,请问一下这个怎么做到?

讨论这个帖子(6)垃圾回帖将一律封号处理……

Lv6 码匠
pu***04 交互设计师 6年前#1

获取屏幕宽度方法就不说了 楼上已经给出了代码。
就是疑问,为什么要用跳到不同的画面来兼容分辨率,媒体查询不行吗? 还是不同分辨率的站点不一样?

Lv6 码匠
阿***6 Linux系统工程师 6年前#2

服务端可以通过ua判断用户的设备,转到不同的页面。

Lv5 码农
ha***00 UI设计师 6年前#3
const height = window.screen.height
const width = window.screen.width
Lv1 新人
wx***73 移动开发工程师 6年前#4

这个具体的方法我就不介绍了,我想说的是 楼主 主要的目的是设备自适应,这个不一定用不同的html页面来处理,也可以通过加载不同的css来处理。我觉得这可能才是楼主真正想要的东西吧?

Lv5 码农
蜗***牛 Linux系统工程师 6年前#5

其实也不是用来兼容分辨率,具体一点来说index1页面时用jquery来写的,是很早就有的页面了,index2是用vue写的,主要用在移动端,因为移动端兼容性比pc端要好,也不用像pc一样要兼容ie8,在功能上也有不同,index1可以上传文件还有一些其他编辑功能,index2主要是浏览展示功能。网上可以搜到一些在服务器端通过ua来判断请求是移动端还是pc端,主要是用匹配关键字的方法,但是我觉得这种方法不如可以直接匹配设备像素一样靠谱,但是ua又不带这样的信息,如果使用window.screen的方法,可能要先加载一个页面,然后判断,再使用location进行跳转,但是这样也有一个问题,当网速慢的时候会明显感觉屏幕会闪一下.现在方法是第一次请求让其闪一下,之后的请求通过cookie来传送宽度值,服务器端来判断,再发送页面

Lv6 码匠
谎***y 技术总监 6年前#6

善用MDN文档 https://developer.mozilla.org...
做一个跳转页 取得window.screen.height和window.screen.width后再跳转

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取