[英]Javascript Screen Resolution Detection and Redirection
<script>
function detect() {
var uagent = navigator.userAgent.toLowerCase();
var mobile = false;
var search_strings = [
"iphone",
"ipod",
"ipad",
"series60",
"symbian",
"android",
"windows ce",
"windows7phone",
"w7p",
"blackberry",
"palm"
];
for (i in search_strings) {
if (uagent.search(search_strings[i]) > -1)
mobile = true;
}
return mobile;
}
if (detect())
window.location = "mydomain/mobile";
</script>
<script type="text/javascript">
if (screen.width <= 1600) {
window.location.replace('mydomain/1600');
}
if (screen.width > 1900) {
window.location.replace('mydomain/1900');
}
</script>
您好,我的這段代碼工作正常。 我想知道是否可以添加更多兩個屏幕分辨率(1300和1200)。
如果通過“移動”訪問= mydomain /移動
如果通過桌面“分辨率1900加” = mydomain / 1900訪問
如果通過桌面“分辨率1600至1899”訪問= mydomain / 1600
如果通過桌面“分辨率1300至1599”訪問= mydomain / 1300
如果通過桌面“分辨率1024至1299”訪問= mydomain / 1200
謝謝!!
首先,更好的方法是CSS規則@media 。
如果您想使用javascript
只需添加if else
語句...
if (screen.width >= 1900) {
window.location.replace('mydomain/1900');
} else if (screen.width >= 1600 && screen.width < 1900) {
window.location.replace('mydomain/1600');
} else if (screen.width >= 1300 && screen.width < 1600) {
window.location.replace('mydomain/1300');
} else if (screen.width >= 1024 && screen.width < 1200) {
window.location.replace('mydomain/1024');
} else {
alert("error");
}
我也建議減少function detect()
並外部化常量:
var uagent = navigator.userAgent.toLowerCase();
var mobile = false;
var search_strings = [
"iphone",
"ipod",
"ipad",
"series60",
"symbian",
"android",
"windows ce",
"windows7phone",
"w7p",
"blackberry",
"palm"
];
function detect() {
for (i in search_strings) {
if (uagent.search(search_strings[i]) > -1){
mobile = true;
return mobile;
}
}
return mobile;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.