디바이스 미리보기 - 문제 해결

검색

마지막 업데이트 날짜 2023년 3월 17일

디바이스에서 웹 페이지를 미리 보거나 검사할 수 없습니까? Dreamweaver에서 디바이스 미리보기와 관련된 문제를 해결하려면 다음의 팁을 확인하십시오.

2021년 11월 16일부터 여러 디바이스에서 페이지를 미리 보는 기능이 모든 Dreamweaver 버전에서 지원 중단되었습니다. 여러 브라우저에서 페이지를 미리 볼 수 있는 실시간 미리보기 기능을 살펴보시기 바랍니다. 내 디바이스에서 디바이스 미리보기에 대해 이 해결 방법을 사용해 보십시오.

우선 확인해야 할 사항

디바이스 미리보기에 대해 아래의 사전 요구 사항을 충족하는지 확인하십시오. 여전히 문제가 발생하는 경우 고급 문제 해결 팁을 참조하십시오.

디바이스와 Dreamweaver가 인터넷에 연결되어 있고 동일 네트워크 상에 있습니까?

Dreamweaver가 실행되고 있는 컴퓨터와 사용자의 디바이스가 다른 네트워크에 연결되어 있는 경우 디바이스 미리보기가 작동하지 않습니다. 예를 들어 해당 디바이스가 모바일 서비스 제공자가 제공한 네트워크 연결을 사용하고 있고 Dreamweaver가 홈 네트워크에서 실행되고 있는 경우 디바이스 미리보기는 작동하지 않습니다.

모든 디바이스와 데스크탑 컴퓨터가 동일 네트워크에 연결되어 있는지 확인합니다.

디바이스 브라우저에서 JavaScript와 쿠키를 활성화하셨습니까?

디바이스 미리보기를 사용하려면 디바이스의 브라우저 설정에서 JavaScript와 쿠키를 활성화해야 합니다. 디바이스의 브라우저 설정 화면으로 이동하여 JavaScript 및 쿠키를 검색하고 이를 활성화하십시오.

Dreamweaver와 디바이스에서 동일한 Adobe ID를 사용하고 있습니까?

디바이스 미리보기 서비스에서는 Adobe ID를 사용하여 디바이스에 로그인해야 합니다. 이 Adobe ID는 Dreamweaver 멤버십을 구매하거나 시험하는 데 사용한 ID와 동일해야 합니다. 다른 Adobe ID가 있다면 로그인은 디바이스에서 기술적으로 인증되지만 Dreamweaver에서 사용한 ID로 로그인하지 않으면 페이지를 미리 볼 수 없습니다.

Dreamweaver에서 현재 사용하고 있는 Adobe ID를 확인하려면 도움말 > <내 Adobe ID> 로그아웃을 클릭합니다.

미리보기를 실행할 유효한 문서를 열었습니까?

기술적으로 해당 디바이스에서 Dreamweaver의 라이브 뷰에서 렌더링된 모든 문서를 미리 볼 수 있습니다. 따라서 디바이스에서 HTML 및 PHP와 같은 문서를 미리 볼 수 있습니다. CSS, XML, LESS, JS 등 다른 파일에 대한 미리보기를 시도하면 Dreamweaver에서 미리보기를 실행할 유효한 문서를 열어야 한다는 것을 알리는 오류 메시지가 표시됩니다.

디바이스 미리보기 서비스에 대한 이용 권한이 있습니까?

Dreamweaver용 기업 계정을 사용하고 있는 경우 디바이스 미리보기 서비스에 액세스하지 못할 수도 있습니다. 서비스를 이용할 권한이 있는지 확인하려면 시스템 관리자에게 지원을 요청하십시오.

고급 문제 해결

디바이스 미리보기 서비스를 실행할 수 없습니다.

Dreamweaver는 노드별로 지정된 무작위 포트에 디바이스 미리보기 서비스를 위한 노드 서버인 로컬 HTTP를 실행합니다. 시스템 관리자가 다음 중 하나 또는 모두를 차단한 경우에는 디바이스 미리보기가 기능하지 않습니다.

노드 서버별로 지정된 무작위 포트
localhost의 IP 주소, 127.0.0.1

이 문제를 해결하려면 다음 단계를 수행하십시오.

Dreamweaver를 다시 실행합니다. Dreamweaver에서 노드 서버 인스턴스를 만들 수 없는 경우 Dreamweaver를 재시작하면 문제가 해결됩니다.

이것으로 해결되지 않으면 2단계와 3단계로 이동합니다.
노드 서버에서 디바이스 미리보기 서비스를 위해 특정 포트를 할당합니다. 미리보기 디바이스에 대한 키와 함께 NodePort.json 파일에서 이 포트 번호를 추가해야 합니다. 이러한 프로세스에 대한 자세한 설명은 여기를 참조하십시오.

NodePort.json 파일 만들기

NodePort.json 파일을 만든 후 다음 형식의 파일에 포트 번호를 지정합니다.

참고:

시스템 관리자가 이 포트 번호를 차단하지 않았는지 확인합니다.
```
{
“previewport” : <portnumber>
}
```
예를 들어 사용하려는 포트 번호가 8010인 경우:
```
{
“previewport” : 8010
}
```
참고:

키 값 쌍을 사용하여 NodePort.json 파일을 이미 만든 경우 새 키 값 쌍을 구분하거나 별도의 라인에 새 키 값 쌍을 지정하려면 쉼표를 사용합니다.
다음 경로에서 NodePort.json 파일을 저장합니다.
- Win: %appdata%\Adobe\Dreamweaver CC 2015\ko_KR\Configuration
- Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2015/ko_KR/Configuration
Dreamweaver를 다시 실행합니다.

Dreamweaver에 대한 연결을 차단하는 방화벽 설정

데스크탑 컴퓨터의 방화벽 설정 또는 기업 방화벽으로 인해 외부 디바이스로부터의 연결이 차단되는 경우 디바이스를 Dreamweaver에 연결할 수 없습니다.

외부 디바이스에서 연결을 허용하도록 컴퓨터의 방화벽 설정을 구성합니다. 사무실에 있는 컴퓨터를 사용하는 경우 모든 지원에 대해 시스템 관리자에게 문의합니다.

외부 디바이스에서 연결을 시도할 때 메시지를 표시하도록 방화벽이 구성되면 Dreamweaver 노드 서버에 대한 액세스를 허용하라는 메시지가 표시됩니다. 예를 들어 Windows 방화벽을 구성한 경우 액세스 허용 옵션을 나타내는 메시지가 표시됩니다. 적절한 네트워크(공용 또는 개인)를 선택한 다음 액세스 허용을 클릭합니다.

참고: 컴퓨터 네트워크를 확인하려면 제어판에서 Windows 방화벽 설정을 열고 설정 내용을 확인하십시오.
노드 서버에서 디바이스 미리보기 서비스를 위해 특정 포트를 할당합니다. 미리보기 디바이스에 대한 키와 함께 NodePort.json 파일에서 이 포트 번호를 추가해야 합니다. 이러한 프로세스에 대한 자세한 설명은 여기를 참조하십시오.

외부 디바이스에 대한 연결을 차단하는 프록시 서버 설정

Dreamweaver가 실행되고 있는 컴퓨터의 IP 주소가 프록시 서버의 화이트리스트에 없는 경우 디바이스 미리보기가 작동하지 않을 수 있습니다.

프록시 서버 설정의 화이트리스트에 컴퓨터를 추가하려면 시스템 관리자에게 문의하십시오.

디바이스 브라우저에서 JavaScript와 쿠키가 활성화되지 않았습니다.

디바이스 미리보기를 사용하려면 디바이스의 브라우저 설정에서 JavaScript와 쿠키를 활성화해야 합니다. 디바이스의 브라우저 설정 화면으로 이동하여 JavaScript 및 쿠키를 검색하고 이를 활성화하십시오. 그런 다음 QR 코드를 다시 스캔하여 디바이스에서 웹 페이지를 미리 봅니다.

미리보기가 작동하지 않으며 이 문서로 리디렉션되었습니다.

다음과 같은 상황의 경우 이 문서로 리디렉션됩니다.

디바이스에서 Dreamweaver에 연결할 수 없습니다.
- 디바이스와 Dreamweaver가 다른 네트워크 상에 있습니다.
  Dreamweaver가 실행되고 있는 컴퓨터와 사용자의 디바이스가 다른 네트워크에 연결되어 있는 경우 디바이스 미리보기가 작동하지 않습니다. 예를 들어 해당 디바이스가 모바일 서비스 제공자가 제공한 네트워크 연결을 사용하고 있고 Dreamweaver가 홈 네트워크에서 실행되고 있는 경우 디바이스 미리보기는 작동하지 않습니다.
  
  디바이스와 데스크탑 컴퓨터가 모두 동일한 네트워크 상에 있는지 확인한 다음 웹 페이지 미리보기를 시도하십시오.
- 컴퓨터의 방화벽 설정이 디바이스로부터의 연결 시도를 차단합니다.

디바이스에서 잘못되었거나 이전 URL(짧은 adobe.ly URL)에 액세스하는 경우 이 문제가 발생합니다. 디바이스에서 페이지를 미리 보려면 QR 코드를 다시 스캔합니다.

Windows 8.1 Pro OS에서 Internet Explorer 11을 통해 웹 페이지에 액세스합니다. Internet Explorer 버전이 11.0.9600.17690 이상인지 확인하거나 다른 브라우저를 사용하여 미리 봅니다.

내부 오류가 발생했습니다. 잠시 후 웹 페이지 미리보기를 시도하거나 Dreamweaver를 다시 시작하십시오.

Dreamweaver에서 디바이스 미리보기 사용에 대한 해결 방법

디바이스에서 페이지 레이아웃을 보려면 이 해결 방법을 사용해 보십시오. 다음 단계를 따릅니다.

테스트 서버 설정 방법 링크를 사용하여 테스트 서버를 설정합니다.
파일을 저장하고 테스트 서버에 푸시합니다. 표준 툴바(창 > 툴바 > 표준)를 활성화하여 테스트 서버의 웹 페이지에 대한 URL을 찾습니다.
Dreamweaver 애플리케이션에서 URL을 캡처하여 모바일 브라우저에 붙여넣습니다. URL은 http://localhost/Devicepreview/index.html 형식입니다. localhost를 내 컴퓨터의 IP 주소로 바꾸십시오. 예: http://xx.xxx.xxx.xxx/Devicepreview/index.html. 여기서 xx.xxx.xxx.xxx는 컴퓨터의 IP 주소입니다.
컴퓨터와 동일한 인터넷 연결에 연결된 모든 디바이스에서 위의 URL(IP 주소 포함)을 사용하면 디바이스에서 해당 웹 페이지를 볼 수 있습니다.

쉽고 빠르게 지원 받기

신규 사용자이신가요?