Przekieruj użytkownika (przekierowanie) z rozdzielczości ekranu javascript

  1. Czy podobał ci się ten post? Pomóż innym dowiedzieć się o tym artykule, kliknij przycisk sieci społecznościowej ↓↓↓

Jeśli chcesz utworzyć wersję witryny dla   urządzenia mobilne   , więc dla realizacji tego chcę zaoferować jeden bardzo łatwy sposób

Jeśli chcesz utworzyć wersję witryny dla urządzenia mobilne , więc dla realizacji tego chcę zaoferować jeden bardzo łatwy sposób.

W rzeczywistości można to zrobić za pomocą gumowego układu lub struktura bootstrap , ale jest inny łatwiejszy sposób przy użyciu małego skryptu javascript.

Sama zasada mówi, że jeśli użytkownik ma ekran o rozmiarze 800 lub mniejszym, skrzypienie przeniesie użytkownika do mobilnej wersji witryny.

  1. Utwórz folder o nazwie „mobila” w katalogu głównym witryny.
  2. W folderze „mobila” utwórz kopię witryny, tylko z uproszczonym projektem, wykorzystując grafikę do minimum.
    Na przykład coś takiego:
  3. Teraz sam skrypt. Skrypt musi być wstawiony na wszystkich stronach normalnej wersji strony pomiędzy tagami <head> </ head>: <script type = "text / javascript"> if (screen.width <= 800) {location.href = 'mobila / index.html' ; } </ script>

Jeśli rozdzielczość ekranu (rozmiar) użytkownika wynosi 800 lub mniej, zostanie przeniesiony do mobilnej wersji strony (mobila / index.html). Jeśli chcesz zwiększyć rozdzielczość ekranu, popraw 800 do żądanego rozmiaru.

W rezultacie gotowy kod:

<html> <head> <title> Użytkownik przekierowujący (przekierowanie) w zależności od rozdzielczości ekranu w javascript - BlogGood.ru </ title> <meta http-equiv = "Content-Type" content = "text / html; charset = utf -8 "> <script type =" text / javascript "> if (screen.width <= 800) {location.href = 'mobila / index.html'; } </ script> </ head> <body> tekst </ body> </ html>

Script Skrypt ma minus: użytkownik zawsze otwiera stronę główną, a nie tę, którą śledził z wyszukiwarki.

Jeśli ktoś może udoskonalić, poprawić skrypt, napisać komentarze, podzielić się pomysłami Jeśli ktoś może udoskonalić, poprawić skrypt, napisać komentarze, podzielić się pomysłami .
Cześć wszystkim!

Czy podobał ci się ten post? Pomóż innym dowiedzieć się o tym artykule, kliknij przycisk sieci społecznościowej ↓↓↓

Najnowsze wiadomości kategorii:

Powiązane artykuły

Popularne artykuły:

Dodaj komentarz

Tagi: html , javascript , Webmaster , na stronie

Czy podobał ci się ten post?
Czy podobał ci się ten post?