[Dharma]

Co to za myk na przykład na onet.pl, że strona nie jest w żaden sposób responsywna przy zmianie rozmiaru okna przeglądarki, ale już w momencie gdy wejdę w devtoolsy, wybiorę urządzenie mobilne i otworzę wspomniany Onet to już uruchamia się strona mobilna, również nieresponsywna. Jak to jest zrobione?

#react #webdev

[mirasKo-Kalwario]

@Dharma: poczytaj o adaptive vs responsive web design, ogólnie chodzi o to ze jak wykryty jest user agent mobilny to serwowana jest inna strona (ze stylami tylko mobilnymi)

[isamaul]

@Dharma: to dość przestarzały sposób na serwowanie kontentu mobilnego. Czasem dopasowanie layoutu jest zbyt trudne i łatwiej jest zrobić osobną witrynę dedykowaną mobilnemu urządzeniu. Zwykle wykrywa się w useragent lub w head strony robisz skrypt wykrywający szerokość okna i na jej podstawie może zrobić przekierowanie

[Rst00]

@isamaul: niekoniecznie nazwałbym to przestarzałym, RWD nie sprawdza się wszędzie i gdy masz np. kompletnie różną strukturę strony desktopowej i mobilnej to AWD ma przewagę i pozwala serwować skrypty i DOM tylko dla np. urządzenia mobilnego przez co finalnie strona może ładować się sporo szybciej

[isamaul]

@Rst00: Tak, zgodzę się. Ale musisz utrzymywać dwie strony, a to dodatkowy koszt. Każde podejście ma swoje plusy i minusy