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

最直接的问题是，

您正在使用=（作业）而不是==（相等测试）;
您可能希望使用location.replace而不是window.open;
你错过了一个开场白;和
你错过了一个大括号。

但是，请记住，如果只在页面加载时运行，那么如果有人更改了屏幕分辨率，则无法调整;谷歌等搜索引擎可能不喜欢重复内容;如果有人有其他更隐蔽的解决方案（比如我，实际上）会怎么样？更好的解决方案是使用CSS媒体查询as pointed out by Dhaivat。

Answer 2

您可以使用Javascript，但使用CSS media queries设置页面样式可能会更容易/更好。

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")
}

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

3 个答案: