如何使浏览器识别用户的分辨率？

Question

Javascript中是否有一种方法可以使浏览器识别用户的分辨率并将其重定向到我的特定页面？ 像这样的东西：

var wid=screen.width;
var hei=screen.height;

if ((wid = 1024) && (hei = 768)) {
window.redirect('page1024x768.html',"blank")
}

else {


((wid = 800) && (hei == 600)) {
window.open(page800x600.html',"_blank")
}

else {

window.open('page1366x768',"_blank")

我试过了，但是不起作用，代码错误吗？

Answer 1

最直接的问题是

1. 您使用的是= （分配）而不是== （平等测试）；
2. 您可能想使用location.replace而不是window.open ;
3. 您缺少开场白； 和
4. 您缺少右括号。

但是，请记住，如果仅在页面加载时运行，那么如果有人更改了屏幕分辨率，它将不会进行调整； 像Google这样的搜索引擎可能不喜欢内容重复； 如果有人有其他更模糊的解决方案（实际上像我一样）怎么办？ 更好的解决方案是使用Dhaivat指出的 CSS媒体查询。

Answer 2

您可以为此使用Javascript，但是使用CSS的媒体查询来设置页面样式可能会更容易/更好。

Answer 3

从理论上讲，该代码应该可以工作，但是有很多语法错误。

固定代码：

var wid = screen.width;
var hei = screen.height;

if (wid == 1024 && hei == 768) {
    window.redirect('page1024x768.html',"blank");
}

else if (wid == 800 && hei == 600) {
    window.open('page800x600.html',"_blank")
}

else {
    window.open('page1366x768',"_blank")
}