基於屏幕寬度的 URL 重定向
[英]URL Redirect Based on Screen Width
問題描述
我正在尋找的很簡單，一種在屏幕或窗口寬度小於 950 像素時自動將用戶重定向到不同 URL 的方法。
我不想使用“刷新”，因為它不被推薦，我也不想使用“用戶代理”，因為從長遠來看，它對我來說不太可靠，我不想擔心更新這個。
這是我在各處看到的為此目的而建議的腳本，但由於某種原因它沒有做任何事情：
<script type="text/javascript">
<!--
if (screen.width <= 950) {
window.location = "https://www.google.com/";
}
//-->
</script>
我也嘗試過所有這些變體，但沒有成功：
window.location
document.location
window.location.href
document.location.href
我還嘗試將它作為 Head 標簽之后甚至 Doctype 之前的第一件事。 沒發生什么事...
6 個解決方案
解決方案1
3 2015-03-18 19:33:53
如果您必須使用Javascript，請嘗試以下操作：
<script type="text/javascript">
function redirect() {
if (screen.width <= 950) {
window.location = "https://www.google.com/";
}
並在你的身體添加：
<body onload="setTimeout('redirect()', 300)">
這將在頁面加載后300 ms后重定向用戶，這樣您就可以確保屏幕width可用。
解決方案2
2 2015-03-18 19:23:25
你可以更好地使用JQUERY ......
// Returns width of browser viewport
$( window ).width();
請參閱： http ： //api.jquery.com/width/
例：
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
if($(window).width() <= 950) {
window.location = "https://www.google.com/";
}
});
</script>
</head>
<body>
<p>Website</p>
</body>
</html>
解決方案3
2 已采納 2015-07-28 15:17:47
我正在回答我自己的問題，因為我最近找到了一個比@Finduilas提供的更令人滿意的解決方案。
此解決方案不僅可以在正常情況下重定向您，還可以在調整窗口大小時來回重定向。
更好！ 當您從橫向切換到縱向時，它會在移動設備中來回重定向，反之亦然。
<script type="text/javascript">
$(window).on('load resize',function(){
if($(window).width() < 950){
window.location = "https://www.google.com"
}
});
</script>
解決方案4
0 2017-12-20 00:13:59
<script type="text/javascript">
<!--
if (screen.width <= 950) {
window.location = "https://www.google.com/";
}
//-->
</script>
<!-- you forgot to add window.location.replace("https://www.google.com/"); and yours is a little wrong-->
<script type="text/javascript">
<!--
if (screen.width <= 950) {
window.location.replace("https://www.google.com/");
}
//-->
</script>
解決方案5
0 2022-01-12 10:54:06
USE THIS ON TOP OF THE HEAD TAG
<script >
window.addEventListener('resize', function() {
if (window.innerWidth <= "Your desired screen width") {
window.location.href = "redirect loacation";
}
});
</script>
</head>
<body >
解決方案6
-1 2018-09-21 21:41:21
這些腳本都不起作用。 我試過了所有這些。
.net頁面基於基於代碼隱藏的屏幕寬度重定向
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.