怎么判断访问设备的分辨率

Question

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

Answer 1

const height = window.screen.height
const width = window.screen.width

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

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