노드를 사용하여 웹 애플리케이션을 개발했습니다. 이제 해당 사이트를 모바일 버전으로 변환하려고합니다. 반응 형 디자인은 내 사이트가 웹 사이트를 근본적으로 재 설계하지 않고 유체 그리드에 맞지 않는 기능을 가진 페이스 북과 거의 비슷하기 때문에 여기서는 선택의 여지가 없습니다. 그래서 내 질문은 1입니다. 내 응용 프로그램은 어디에서 볼 수있는 장치 유형을 등록해야합니까? (프론트 엔드 또는 백엔드) 그리고 어떻게하면 좋을까요? 2. 모바일 브라우저에 맞게 모든 HTML 템플릿과 CSS를 다시 작성해야합니까? 그렇다면 렌더링 할 템플릿을 노드에 알리는 가장 좋은 방법은 무엇입니까? (예제 포함)?Nodejs 웹 앱을 모바일 웹 앱으로 변환 (모바일 브라우저에 표시)
미리 감사드립니다.
휴대 전화 또는 데스크톱 용으로 동일한 템플릿을 렌더링하는 것이 좋습니다. 작은 화면 장치를 지원하기 위해 몇 가지 CSS 클래스를 추가해야하며 콧수염 섹션을 사용하여 이들 사이를 전환 할 수 있습니다.
예 : isMobile이 존재
여기<div class="nav-bar"><div style="padding-bottom: 4px;" class="{{^isMobile}}desktop-width mh-auto{{/isMobile}}{{#isMobile}}full{{/isMobile}}"></div>
경우 클래스는 전체 될 것입니다, 다른 클래스는 바탕 화면 폭 MH-자동
자세한 내용은 을 찾을 수있을 것입니다 여기에 : http://mustache.github.io/mustache.5.html
그리고 작업을 쉽게하기 위해 부트 스트랩 또는 응답 프레임 워크를 권합니다.
다음 링크를 사용하여 장치를 검색 할 수 있습니다. 귀하의 질문에 대한 Detecting a mobile browser
답변 : 템플릿에있는 스타일을 알 수 있도록 템플릿 : 1. 당신은 자바 스크립트를 사용하여 브라우저의 종류를 확인하고 (체크 콧수염 {사실 isMobile} 같은) 해시를 통과해야합니다 세우다. 2. 템플릿을 다시 작성할 필요가 없습니다. 하지만 작은 화면 장치를 지원하도록 템플릿을 업데이트해야합니다. 그리고 백 엔드 코드를 그대로 유지할 수 있습니다.