4단계: 모바일 브라우저에 대한 레이아웃 디자인

웹 사용자는 화면 크기와 해상도가 다른 모바일 장비를 사용하여 FileMaker WebDirect 맞춤형 App에 접근합니다. 모바일 브라우저에 최적화된 환경을 제공하려면 맞춤형 App을 사용할 대상 장비를 확인하고 각 장비에 맞게 맞춤형 App을 설계합니다.

  • 웹 브라우저의 높이와 너비에 따라 조절하려면 장비 중 제일 작은 크기의 장비에 맞게 각 레이아웃을 디자인하고 레이아웃 대상체에 대해 자동 크기 조절 옵션을 구성합니다.

    • 해당 레이아웃이 모바일 장비의 보기 영역보다 클 경우 사용자는 일부 모바일 브라우저에서 레이아웃 하단 가장자리에 있는 대상체는 볼 수 없습니다.

    • iOS 및 iPadOS 장비에서 사용자가 화면상의 이미지를 확대하는 경우 상태 툴바와 일부 레이아웃 요소에 접근이 불가능할 수 있습니다.

    • Android 기기에서는 레이아웃 요소의 크기는 항상 고정되어 있습니다. 사용자가 확대하거나 축소할 수 없습니다.

  • 모바일 브라우저가 방향을 변경할 때와 같이 브라우저 크기가 특정 높이나 너비보다 크거나 작게 변경된 경우 OnLayoutSizeChange 스크립트 트리거를 사용하여 레이아웃을 변경합니다.

  • FileMaker WebDirect는 모바일 브라우저에서 스냅샷 링크 저장하기, 레코드 가져오기, 레코드 내보내기 또는 컨테이너 필드의 콘텐츠 내보내기 작업을 지원하지 않습니다.