strona w zależności od rozdzielczości ekranu

pytanie zadane 3 grudnia 2020 w JavaScript przez Konfeusz Bywalec (2,810 p.)
edycja 3 grudnia 2020 przez Konfeusz

Witam.

Przestał działać mi skrypt który w zależności od tego na jakim urządzeniu odpalamy stronę, to albo ładuję stronę główną, albo jeśli okno przeglądarki jest mniejsze od 640px ładuję do przeglądarki zupełnie inną stronę.

Dziwna sprawa, bo jeszcze do wczoraj skrypt działał, dzisiaj strona się zapętla albo nie ładuje strony index2.html jeśli szerokość jest mniejsza od 640px.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script language="javascript" type="text/javascript">
var width = screen.width;
if(width <= 640)
  document.location.href = 'index2.html';
else
  document.location.href = 'index.html';
</script>
   </head>
 <body>
</head>
<body>
    TO JEST STRONA index.html
</body>
</html>

Ma ktoś może pomysł co jest nie tak?

komentarz 3 grudnia 2020 przez Mateusz1223 Bywalec (2,440 p.)

A czy plik index2.html jest w tym samym miejscu w którym był zanim przestało działać?

komentarz 3 grudnia 2020 przez Konfeusz Bywalec (2,810 p.)

tak, oczywiście

komentarz 3 grudnia 2020 przez Mateusz1223 Bywalec (2,440 p.)

Nie mam pojęcia dlaczego index2.html się nie ładuje. Ale jeśli chodzi o zapętlanie to zapętla się gdy width > 640 i powinno ładować index.html? Bo jak tak to się nie dziwię, bo w takim przypadku przeglądarka powinna cały czas od nowa ładować index.html. W sensie przeglądarka zaczyna ładować index.html dochodzi do skryptu który mówi jej żeby załadował index.html więc jeszcze raz go ładuje i tak w kółko.

komentarz 3 grudnia 2020 przez Konfeusz Bywalec (2,810 p.)

no ale w skrypcie nie ma >640 a sprawdza czy szerokość jest mniejsza, równa 640 dopiero wtedy ładuje index2

komentarz 3 grudnia 2020 przez Mateusz1223 Bywalec (2,440 p.)

Ja mówię o tym else który ładuje index.html na nowo

1 odpowiedź

odpowiedź 4 grudnia 2020 przez Mateusz1223 Bywalec (2,440 p.)

Zamień to na coś takiego:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    TO JEST STRONA index.html
	
<script language="javascript" type="text/javascript">
var width = window.innerWidth;
if(width <= 640)
  document.location.href = 'index2.html';
</script>
</body>
</html>

komentarz 4 grudnia 2020 przez Konfeusz Bywalec (2,810 p.)
edycja 4 grudnia 2020 przez Konfeusz

zmieniłem po swojemu:

var width = screen.width;
if(width < 640)
window.location = "http://xyz.xz/m/index.html";

i dzieła, ale Twoja propozycja też mi się podoba. Dzięki za zaangażowanie ;).

Ale faktycznie miałeś rację, z tym że ładował stronę od początku.

Pozdrawiam.

Podobne pytania

0 głosów

1 odpowiedź 1,107 wizyt

javascript wczytywanie skryptu w zależności o rozdzielczości ekranu urządzenia

pytanie zadane 20 października 2016 w JavaScript przez mordimer Mądrala (5,720 p.)

0 głosów

1 odpowiedź 607 wizyt

Testowanie wielkości czcionki w zależności od rozdzielczości ekranu

pytanie zadane 11 grudnia 2017 w HTML i CSS przez Adrian1999 Nałogowiec (34,570 p.)

0 głosów

2 odpowiedzi 771 wizyt

Zmiana rozmiaru diva w zależności od rozdzielczości?

pytanie zadane 23 marca 2017 w HTML i CSS przez Karol Loczeski Użytkownik (820 p.)

strona w zależności od rozdzielczości ekranu

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci