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

에서 UI 빌더 경험을 미리 보고 경험을 구축하는 동안 어떻게 보이고 작동하는지 확인합니다. 미리 보기를 통해 환경이 예상대로 작동하고, 데이터 자원을 사용할 수 있으며, 레이아웃이 올바르게 설정되었는지 확인할 수 있습니다.

페이지 테스트

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

주:

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

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

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

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

• 양식 요소 아이콘을 선택하여 다양한 화면 너비에서 변형이 어떻게 보이는지 확인합니다. 예를 들어 태블릿 또는 모바일 크기에서 변형을 봅니다. 다양한 양식 요소에 맞게 페이지를 만드는 방법에 대한 자세한 내용은 다음 문서를 참조하십시오 응답형 작성.

  

주:

미리 볼 때 테스트 값 또는 양식 요소를 편집하면 편집기에서 페이지 변형을 볼 때 새 테스트 값 또는 양식 요소가 유지됩니다. 예를 들어 미리 보는 동안 양식 요소를 모바일로 변경하면 페이지 변형이 편집기의 모바일 양식 요소에 표시됩니다. 양식 요소 아이콘을 선택하여 언제든지 다른 크기로 변경할 수 있습니다.

테스트를 마치면 오른쪽 상단의 X 를 선택하여 오버레이를 닫습니다.

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

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