Товаров:
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.
- Utwórz folder o nazwie „mobila” w katalogu głównym witryny.
- W folderze „mobila” utwórz kopię witryny, tylko z uproszczonym projektem, wykorzystując grafikę do minimum.
Na przykład coś takiego:
- 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 
.
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?