如何使浏览器识别用户的分辨率
How to make browser recognize user's resolution?
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")
我试过了,但它不起作用,代码有误吗?
最直接的是,你的问题是
- 您使用的是
=
(作业)而不是==
(相等性测试); - 您可能想使用
location.replace
而不是window.open
; - 你缺少一个开场白;和
- 您缺少右大括号。
这仅在页面加载时运行,那么如果有人更改其屏幕分辨率,它将不会调整;像Google这样的搜索引擎可能不喜欢重复的内容;如果有人有其他更模糊的分辨率(实际上像我一样)怎么办?一个更好的解决方案是使用Dhaivat指出的CSS媒体查询。
你可以使用Javascript来实现这一点,但是使用CSS的媒体查询来设置页面样式可能会更容易/更好。
从理论上讲,代码应该可以工作,但它有很多语法错误。
固定代码:
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")
}
相关文章:
- 如何将屏幕分辨率乘以 80%,然后在代码中使用
- 从远程脚本获取用户IP
- 如何通过自己获得Chrome扩展的用户反馈/错误报告
- d3基于用户选择动态更新节点
- 同步调用,直到用户通过angular验证为访问者
- 使用javascript搜索具有用户输入的数组
- 如何使用jquery确定用户是否年满18岁
- Meteor-添加用户自定义字段的方法不起作用
- React Native通过Navigator将用户输入数据传递到选项卡栏IOS中的组件
- 如何使浏览器识别用户的分辨率
- 为多个用户创建自动低分辨率和高分辨率pdf,png与inDesign
- 你能用javascript获取用户的屏幕大小/分辨率吗
- Joomla网站-如果输入的用户的屏幕分辨率很小,则显示一条消息
- JQuery绝对定位元素/不同的用户分辨率
- 为用户上传设置标准的背景图像分辨率
- 默默地使用PHP/Javascript获取用户的分辨率
- 获取用户的屏幕大小/浏览器分辨率
- Javascript基于用户分辨率改变背景-代码修复
- 在加载正文时向用户发送屏幕分辨率的Javascript
- 如何根据用户屏幕的分辨率设置面板的宽度和高度