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

우선 확인할 사항

장치 미리보기에 대해 다음과 같은 기본 요구 사항을 충족하는지 확인하십시오. 문제가 지속되는 경우에는 고급 문제 해결 팁을 참조하십시오.

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

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

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

장치 브라우저에서 JavaScript와 쿠키를 활성화하셨습니까?

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

Dreamweaver와 장치에서 동일한 Adobe ID를 사용하고 있습니까?

장치 미리보기 서비스에서는 Adobe ID를 사용하여 장치에 로그인해야 합니다. 이 Adobe ID는 Dreamweaver CC 멤버십을 구매하거나 시험하는 데 사용한 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

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

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

    이것으로 해결되지 않으면 2단계와 3단계로 이동합니다.

  2. 노드 서버에서 장치 미리보기 서비스를 위해 특정 포트를 할당합니다. 미리보기 장치에 대한 키와 함께 NodePort.json 파일에서 이 포트 번호를 추가해야 합니다. 이러한 프로세스에 대한 자세한 설명은 여기를 참조하십시오. 

NodePort.json 파일 만들기

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

    참고:

    시스템 관리자가 이 포트 번호를 차단하지 않았는지 확인합니다.

    {
    “previewport” : <portnumber>
    }
    

    예를 들어 사용하려는 포트 번호가 8010인 경우:

    {
    “previewport” : 8010
    }
    

    참고:

    키 값 쌍을 사용하여 NodePort.json 파일을 이미 만든 경우 새 키 값 쌍을 구분하거나 별도의 라인에 새 키 값 쌍을 지정하려면 쉼표를 사용합니다.

  2. 다음 경로에서 NodePort.json 파일을 저장합니다.

    • Win: %appdata%\Adobe\Dreamweaver CC 2015\ko_KR\Configuration
    • Mac~/Library/Application Support/Adobe/Dreamweaver CC 2015/en_US/Configuration
  3. Dreamweaver를 다시 실행합니다.

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

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

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

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

    참고: 컴퓨터 네트워크를 확인하려면 제어판에서 Windows 방화벽 설정을 열고 설정 내용을 확인하십시오.

  2. 노드 서버에서 장치 미리보기 서비스를 위해 특정 포트를 할당합니다. 미리보기 장치에 대한 키와 함께 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를 다시 시작하십시오.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책