주요 정보

개발용 컴퓨터에서 페이지 디버깅

개발용 컴퓨터에서 페이지 디버깅

SuperPreview는 설치된 Windows 브라우저와 바로 연동되기 때문에 페이지를 미리 패키징하거나 게시하지 않아도 페이지를 사용할 수 있습니다. 또한 SuperPreview에는 Internet Explorer의 다른 버전 또는 Firefox와 함께 사용할 수 있는 Internet Explorer 6 렌더링 엔진이 포함되어 있습니다. Macintosh Safari 테스트용으로
온라인 서비스 베타를 사용할 수 있습니다.

요소 및 DOM 트리 정보로 디버깅 가속화

요소 및 DOM 트리 정보로 디버깅 가속화

SuperPreview는 이미지 렌더링을 DOM 데이터와 결합하여 이미지 내의 특정 DOM 요소를 강조 표시할 수 있게 하고 여러 브라우저 간의 차이점을 보여 줍니다. 또한 SuperPreview는 위치, 치수 및 ID 등의 요소 정보를 제공하여 호환성 문제를 유발하는 요소를 정확히 찾아낼 수 있게 지원합니다.

SuperPreview 소개

SuperPreview로 브라우저 호환성 테스트 가속화

Expression Web을 사용하면 브라우저 호환성 테스트 작업의 기본 속도를 향상시킬 수 있습니다. SuperPreview를 사용하면 개발용 컴퓨터에서 페이지를 디버깅할 수 있습니다. 여러 브라우저에서 페이지를 동시에 보거나 단일 브라우저에서 페이지가 어떻게 렌더링되는지 확인하고 페이지의 모의 이미지와 비교할 수 있습니다. SuperPreview는 로컬 클라이언트 및 웹 서비스를 포함합니다.

SuperPreview를 통해 각기 다른 브라우저에서 페이지가 어떻게 표시되는지 매우 충실하게 렌더링하여 볼 수 있을 뿐만 아니라 요소의 태그, 크기와 위치, 적용된 스타일, 배치 등의 정보를 DOM(문서 개체 모델) 트리 형식으로 확인할 수 있으므로 오류를 재빨리 수정할 수 있습니다.

SuperPreview는 Expression Web과 함께 설치됩니다. 디자인 프로세스의 어느 단계에서나 페이지를 손쉽게 테스트할 수 있고, Expression Web에서 바로 SuperPreview를 시작할 수 있습니다.

주요 기능

Windows 및 Macintosh 브라우저 지원

Windows 및 Macintosh 브라우저 지원

SuperPreview는 Internet Explorer 6 - 8, Firefox 3.6 및 Macintosh Safari를 지원합니다.

로컬에서 실행되거나 웹 서비스로 실행

로컬에서 실행되거나 웹 서비스로 실행

SuperPreview는 설치된 Windows 브라우저와 바로 연동되기 때문에 페이지를 미리 패키징하거나 게시하지 않아도 페이지를 사용할 수 있습니다. 또한 SuperPreview에는 IE의 다른 버전과 함께 사용할 수 있는 IE6 렌더링 엔진이 포함되어 있습니다. Macintosh Safari 테스트용으로 온라인 서비스 베타를 사용할 수 있습니다.

나란히 놓고 페이지 비교 겹친 상태로 페이지 비교

페이지를 나란히 놓거나 겹쳐 놓은 상태로 비교

페이지를 나란히 놓거나 양파 껍질처럼 겹쳐 놓고 볼 수 있고 눈금자, 안내선,
확대/축소 및 이동 도구를 사용하여 레이아웃에서 차이점을 정확하게 식별할 수
있습니다.

요소 및 DOM 트리 정보로 디버깅 가속화

요소 및 DOM 트리 정보로 디버깅 가속화

SuperPreview는 이미지 렌더링을 DOM 데이터와 결합하여 이미지 내의 특정 DOM 요소를 강조 표시할 수 있게 하고 여러 브라우저 간의 차이점을 보여 줍니다. 또한 SuperPreview는 위치, 치수 및 ID 등의 요소 정보를 제공하여 호환성 문제를 유발하는 요소를 정확히 찾아낼 수 있게 지원합니다.