Funkcja zarządzania wersją mobilną strony niestety nie jest dostępna. Narzędzie _now wykorzystuje responsywne projektowanie stron (RWD), które automatycznie dopasowuje wygląd witryny do urządzenia, z którego korzysta odwiedzający – niezależnie od tego, czy jest to komputer, tablet, czy smartfon. Więcej na ten temat znajdziesz tutaj.
W praktyce oznacza to, że nie tworzymy oddzielnych wersji stron na urządzenia mobilne. Nie ma też możliwości edycji treści dotyczących jedynie wersji mobilnej – wszyscy użytkownicy widzą tę samą zawartość.
Dziś tworzenie osobnych wersji mobilnych jest już przestarzałą praktyką. Responsywność jest łatwiejsza w utrzymaniu, a do tego zapewnia spójne i wygodne doświadczenie dla użytkownika.
Większość osób oczekuje dziś, że strona będzie działać równie dobrze na telefonie, jak na laptopie. Takie podejście jest zalecane również przez Google:
Google zaleca elastyczne projektowanie witryn, ponieważ ten wzorzec projektowy jest najłatwiejszy w implementacji i obsłudze.
Jak sprawdzić wygląd strony w wersji mobilnej?
Poza oczywistym sposobem, czyli opublikowaniem strony i wejściem na nią z urządzenia mobilnego istnieje także metoda weryfikacji wersji mobilnej strony z poziomu komputera. Aby to zrobić wejdź na swoją stronę i kliknij przycisk F12 (Windows) lub Command + Option + J (Mac) co spowoduje otwarcie narzędzi deweloperskich przeglądarki. Następnie kliknij w miejscu zaznaczonym strzałką i gotowe – strona wyświetli się w wersji mobilnej. Możesz również zmienić wymiary, w jakich wyświetla się podgląd, aby sprawdzić jak strona zachowa się na różnych ekranach. Poniżej znajdziesz zrzuty ekranu z różnych przeglądarek.
Google Chrome
Mozilla Firefox
Microsoft Edge
Opera
W przypadku Opery konsola przeglądarki wygląda w taki sam sposób jak w Chrome z tą różnicą, że otwiera się ją kombinacją przycisków Ctrl + Shift + I (Windows) lub Command + Option + I (Mac)
Safari
W przypadku przeglądarki Safari najpierw trzeba włączyć tryb programisty. Wejdź na górze w Preferencje -> Zaawansowane i zaznacz opcję Pokazuj menu Programowanie, po czym zamknij Preferencje. Następnie na pasku menu kliknij w nową opcję Programowanie, którą przed chwilą włączyłeś i wybierz Uruchom tryb projektu reaktywnego.
