鍍金池/ 問答/HTML5  Linux  HTML/ 怎么判斷訪問設備的分辨率

怎么判斷訪問設備的分辨率

我現(xiàn)在在本地使用koa啟動了一個服務器,我希望如果訪問的設備的分辨率在640px以上就打開index1.html,否則就打開index2.html,請問一下這個怎么做到?

回答
編輯回答
乖乖噠

其實也不是用來兼容分辨率,具體一點來說index1頁面時用jquery來寫的,是很早就有的頁面了,index2是用vue寫的,主要用在移動端,因為移動端兼容性比pc端要好,也不用像pc一樣要兼容ie8,在功能上也有不同,index1可以上傳文件還有一些其他編輯功能,index2主要是瀏覽展示功能。網(wǎng)上可以搜到一些在服務器端通過ua來判斷請求是移動端還是pc端,主要是用匹配關鍵字的方法,但是我覺得這種方法不如可以直接匹配設備像素一樣靠譜,但是ua又不帶這樣的信息,如果使用window.screen的方法,可能要先加載一個頁面,然后判斷,再使用location進行跳轉,但是這樣也有一個問題,當網(wǎng)速慢的時候會明顯感覺屏幕會閃一下.現(xiàn)在方法是第一次請求讓其閃一下,之后的請求通過cookie來傳送寬度值,服務器端來判斷,再發(fā)送頁面

2018年4月30日 04:55
編輯回答
幼梔

善用MDN文檔 https://developer.mozilla.org...
做一個跳轉頁 取得window.screen.height和window.screen.width后再跳轉

2017年8月4日 08:23
編輯回答
傻丟丟

服務端可以通過ua判斷用戶的設備,轉到不同的頁面。

2017年9月14日 05:19
編輯回答
小眼睛

獲取屏幕寬度方法就不說了 樓上已經(jīng)給出了代碼。
就是疑問,為什么要用跳到不同的畫面來兼容分辨率,媒體查詢不行嗎? 還是不同分辨率的站點不一樣?

2018年5月10日 22:01
編輯回答
疚幼

這個具體的方法我就不介紹了,我想說的是 樓主 主要的目的是設備自適應,這個不一定用不同的html頁面來處理,也可以通過加載不同的css來處理。我覺得這可能才是樓主真正想要的東西吧?

2018年8月1日 20:47
編輯回答
病癮
const height = window.screen.height
const width = window.screen.width
2017年10月17日 18:38