환경을 보고 테스트 UI 빌더 하는 방법 알아보기

  • 릴리스 버전: Washingtondc
  • 업데이트 날짜 2024년 02월 01일
  • 읽기1분
  • 에서 경험을 미리 보고 경험을 빌드하는 동안 모양 UI 빌더 과 기능을 확인합니다. 미리 보기를 통해 환경이 예상대로 작동하고, 데이터 리소스를 사용할 수 있고, 레이아웃이 올바르게 설정되었는지 확인할 수 있습니다.

    페이지 테스트

    개발자로서 페이지를 테스트하거나 최종 사용자에게 표시되는 대로 페이지를 볼 수 있습니다. 미리 보기는 먼저 저장할 필요가 없습니다.

    주:
    비활성 변형 및 페이지 컬렉션(하위 페이지) 미리 보기는 현재 지원되지 않습니다.

    페이지의 다양한 측면을 테스트할 수 있습니다.

    • 오버레이를 여는 미리 보기 버튼을 선택하여 모달, 뷰포트 및 동적 데이터를 포함하여 현재 작업 중인 변형을 테스트합니다.

    • 테스트 값을 변경하고 적용을 선택하여 다른 데이터로 테스트합니다. 자세한 내용은 페이지의 테스트 값 문서를 참조하십시오.

    • 너비 드롭다운 목록에서 값을 선택하여 다양한 화면 너비에서 변형이 어떻게 보이는지 확인합니다.

      너비 드롭다운 목록이 확장되어 테스트에 사용할 수 있는 너비 크기가 표시됩니다.
    주:
    미리 볼 때 테스트 값이나 너비를 편집하면 편집기에서 페이지 변형을 볼 때 새 테스트 값과 너비가 유지됩니다. 예를 들어 미리 보는 동안 너비를 더 큰 크기로 변경한 경우 페이지 변형이 편집기에 새롭고 더 큰 크기로 표시됩니다.

    테스트를 마쳤으면 오른쪽 위에 있는 X 를 선택하여 오버레이를 닫습니다.

    최종 사용자로 페이지 테스트

    URL 경로를 열어 사용자에게 표시되는 변형을 테스트합니다. 미리 보기 버튼 옆에 있는 화살표를 선택하고 드롭다운 목록에서 URL 경로 열기를 선택합니다. UI 빌더 대상, 조건 및 조건 순서를 확인한 다음 새 브라우저 탭에서 적절한 변형을 엽니다. 테스트를 마쳤으면 탭을 닫습니다.