AEM에서 페이지를 편집할 때 몇 가지 모드 개발자 모드를 포함하여 을 사용할 수 있습니다. 이렇게 하면 개발자에게 현재 페이지에 대한 정보를 제공하는 몇 가지 탭이 있는 사이드 패널이 열립니다. 세 개의 탭은 다음과 같습니다.
이렇게 하면 개발자가 다음과 같은 작업을 수행할 수 있습니다.
개발자 모드:
터치 지원 UI에서만 사용할 수 있습니다(페이지를 편집할 때).
공간 제약으로 인해 데스크톱의 작은 창이나 모바일 장치에서는 사용할 수 없습니다.
의 멤버인 사용자만 사용할 수 있습니다. administrators
그룹입니다.
개발자 모드는 nosamplecontent 실행 모드를 사용하지 않는 표준 작성자 인스턴스에서만 사용할 수 있습니다.
필요한 경우 사용하도록 구성할 수 있습니다.
사용 후 다시 비활성화해야 합니다.
다음을 참조하십시오.
개발자 모드는 페이지 편집기의 사이드 패널로 구현됩니다. 패널을 열려면 다음을 선택합니다. 개발자 페이지 편집기의 도구 모음에 있는 모드 선택기에서
패널은 두 개의 탭으로 나뉘어 있습니다.
이 구성 요소 트리는 다음과 같습니다.
페이지에 렌더링된 구성 요소 체인 및 템플릿(SLY, JSP 등)에 대해 설명합니다. 트리를 확장하여 계층 내에 컨텍스트를 표시할 수 있습니다.
구성 요소를 렌더링하는 데 필요한 서버측 계산 시간을 표시합니다.
트리를 확장하고 트리 내에서 특정 구성 요소를 선택할 수 있습니다. 선택 항목을 통해 다음과 같은 구성 요소 세부 사항에 액세스할 수 있습니다.
선택한 구성 요소(콘텐츠 흐름에서 파란색 테두리로 표시됨)가 콘텐츠 트리에서 강조 표시됩니다(또는 그 반대).
이렇게 하면 다음과 같은 이점이 있습니다.
각 구성 요소 항목은 다음을 표시할 수 있습니다(예:).
세부 사항 보기: 다음을 보여주는 목록에 대한 링크:
스크립트 편집: 다음 링크를 클릭합니다.
구성 요소 항목(화살표 헤드)을 확장하면 다음도 표시됩니다.
일부 링크는 아래의 스크립트를 가리킵니다. /libs
. 하지만 이것은 참조용입니다. 은(는) 해서는 안 됨 아래의 모든 항목 편집 /libs
를 변경할 경우 변경 사항이 손실될 수 있습니다. 이는 핫픽스/기능 팩을 업그레이드하거나 적용할 때마다 이 분기가 변경되기 쉽기 때문입니다. 필요한 모든 변경 사항은 아래에서 수행해야 합니다. /apps
, 참조 오버레이 및 무시.
바라건대 오류 탭은 위와 같이 항상 비어 있지만, 문제가 발생하면 각 구성 요소에 대해 다음 세부 정보가 표시됩니다.
예를 들어 정의되지 않은 메서드가 호출되는 상황에서는 결과 오류가 오류 탭:
오류가 발생하면 구성 요소 탭의 트리에 있는 구성 요소 항목에도 표시기가 표시됩니다.
AEM 6.2에서 개발자 모드의 테스트 기능은 독립 실행형 도구 애플리케이션으로 다시 구현되었습니다.
자세한 내용은 다음을 참조하십시오. UI 테스트.