저는 프로젝트를 진행하고 있습니다. 웹사이트를 복제하는 중입니다 Make My Trip
https://www.makemytrip.com/
이 웹사이트는 노트북과 모바일에서 다르게 보입니다. 즉, 완전히 다르다는 뜻입니다. 그렇다면 그러한 기능을 어떻게 구현합니까?
노트북으로 본 풍경
휴대폰에서도 동일한 웹사이트
P粉0418569552023-09-13 16:52:10
포괄적인 답변은 아직 공개되지 않은 여러 요인에 따라 달라집니다. 예를 들어 PHP와 같은 서버 측 언어를 사용하고 있으며 모든/대부분의 페이지가 다른가요?
웹사이트가 모바일 장치에서 실행되는지 감지하는 것은 간단하지 않습니다.
공통 인덱스 페이지를 갖고, JavaScript를 사용하여 화면 크기를 얻고, Ajax를 사용하여 실제 모바일 장치 페이지 또는 데스크톱 페이지를 로드합니다.
사용자가 모바일과 데스크톱 사이를 전환하고 선택 항목을 쿠키/세션에 저장할 수 있는 버튼/링크를 페이지에 추가하세요.
일부 웹사이트에서 이 작업을 수행하는 것을 본 적이 있습니다. 모바일 버전은 기본적으로 항상 사용할 수 있으며 사용자가 데스크톱 모드로 전환할 수 있습니다. 여기서는 더 많은 사람들이 모바일 장치를 사용하고 있으므로 기본 설정이 대부분의 사람들에게 적합할 것이며 데스크톱에서 더 작은 페이지를 표시하는 것이 모바일에서 더 큰 페이지를 표시하는 것만큼 나쁘지 않다고 가정합니다.