裝置預覽 - 疑難排解

無法在裝置上預覽或檢查您的網頁嗎?請查看這些秘訣來針對 Dreamweaver 中的「裝置預覽」問題進行疑難排解。

自 2021 年 11 月 16 日起,跨多個裝置預覽頁面的功能已在所有 Dreamweaver 版本停止使用。我們鼓勵您探索即時預覽功能以在多個瀏覽器上預覽頁面。您可以使用此因應措施在您的裝置上進行裝置預覽。

先檢查這些...

檢查您是否符合裝置預覽的以下先決條件。如果您仍然遇到任何問題,請參閱進階疑難排解技巧

您的裝置和 Dreamweaver 是否已連線到網際網路並且位於相同網路上?

如果執行 Dreamweaver 的電腦和裝置連線到不同的網路,裝置預覽將無法運作。例如,如果您的裝置使用您的行動服務供應商所提供的網路連線,而 Dreamweaver 則在家中網路上執行,則裝置預覽將無法運作。

請確定您的所有裝置和桌上型電腦都位在相同的網路上。

您已經在裝置瀏覽器中啟用 JavaScript 和 Cookie 嗎?

「裝置預覽」需要在裝置的瀏覽器設定中啟用 JavaScript 和 Cookie。移至裝置上的瀏覽器設定畫面,搜尋 JavaScript 和 Cookie 並加以啟用。

您在 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

請執行下列步驟來解決這個問題:

  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\zh_TW\Configuration
    • Mac~/Library/Application Support/Adobe/Dreamweaver CC 2015/zh_TW/Configuration
  3. 重新啟動 Dreamweaver。

Dreamweaver 的防火牆設定封鎖連線

如果桌上型電腦上的防火牆設定或您的企業防火牆封鎖了來自外部裝置的連線,裝置將無法連接到 Dreamweaver。 

  1. 將電腦上的防火牆設定設定為允許來自外部裝置的連線。如果您使用辦公室電腦,請聯絡您的系統管理員取得協助。

    如果您的防火牆已設定為在外部裝置嘗試連線時進行提示,則系統會提示您允許存取 Dreamweaver 節點伺服器。例如,如果您已設定 Windows 防火牆,提示會出現「允許存取」選項。選擇適當的網路 (公用或私人),然後按一下「允許存取」。

    注意:若要檢查您電腦上的網路是否已開啟,請從「控制台」開啟「Windows 防火牆」設定,並檢查設定。

  2. 針對來自節點伺服器的裝置預覽服務指派特定連接埠。您必須在 NodePort.json 檔案中新增此連接埠號碼以及裝置預覽的機碼。執行此動作的程序如這裡所述。

封鎖外部裝置連線的 Proxy 伺服器設定

如果執行 Dreamweaver 之電腦的 IP 位址不在 Proxy 伺服器的安全清單中,裝置預覽可能會無法運作。

請聯絡您的系統管理員,將您的電腦新增至 Proxy 伺服器設定的安全清單中。

您的裝置瀏覽器中未啟用 JavaScript 和 Cookie

「裝置預覽」需要在裝置的瀏覽器設定中啟用 JavaScript 和 Cookie。移至裝置上的瀏覽器設定畫面,搜尋 JavaScript 和 Cookie 並加以啟用。然後重新掃描 QR 碼,以便在裝置上預覽您的網頁。

預覽無法運作;我被重新導向這篇文章

自 2021 年 11 月 16 日起,跨多個裝置預覽頁面的功能已在所有 Dreamweaver 版本停止使用。我們鼓勵您探索即時預覽功能以在多個瀏覽器上預覽頁面。您可以使用此因應措施在您的裝置上進行裝置預覽。

您在以下情況下會被重新導向這篇文章:

  • 裝置無法連接到 Dreamweaver。
    • 您的裝置和 Dreamweaver 位於不同的網路。

      如果執行 Dreamweaver 的電腦和裝置連線到不同的網路,裝置預覽將無法運作。例如,如果您的裝置使用您的行動服務供應商所提供的網路連線,而 Dreamweaver 則在家中網路上執行,則裝置預覽將無法運作。

      請確定您的所有裝置和桌上型電腦都位在相同網路上,然後再嘗試預覽您的網頁。

    • 您電腦上的防火牆設定讓裝置無法連入。
  • 您是從裝置存取無效或舊的 URL (簡短 adobe.ly URL)。重新掃描 QR 碼以便在您的裝置上預覽頁面。
  • 您正在透過 Windows 8.1 專業版作業系統上的 Internet Explorer 11 存取網頁。請確定 Internet Explorer 版本為 11.0.9600.17690 或更新版本,或使用不同的瀏覽器來預覽。
  • 發生內部錯誤。請等候一段時間或重新啟動 Dreamweaver 之後再嘗試預覽您的網頁。

在 Dreamweaver 中使用裝置預覽的因應措施

若要在您的裝置上查看頁面版面,您可以使用此因應措施。請依照下列步驟執行:

  1. 使用連結:如何設定測試伺服器來設定測試伺服器。

  2. 儲存並推送檔案至測試伺服器。啟用標準工具列 (視窗 > 工具列 > 標準) 在測試伺服器上尋找網頁的 URL。

  3. 從 Dreamweaver 應用程式擷取 URL 並將其貼到您的行動瀏覽器中。URL 的格式為 - http://localhost/Devicepreview/index.html。將 localhost 替換為您電腦的 IP 位址。範例 - http://xx.xxx.xxx.xxx/Devicepreview/index.html,其中 xx.xxx.xxx.xxx 是電腦的 IP 位址。

  4. 在任何與電腦使用相同網際網路連線的裝置上使用上述 URL (含 IP 位址),您應該能夠在該裝置上查看網頁。

 Adobe

更快、更輕鬆地獲得協助

新的使用者?

Adobe MAX 2024

Adobe MAX

The Creativity Conference

10 月 14 至 16 日邁阿密海灘和線上

Adobe MAX 2024

Adobe MAX

The Creativity Conference

10 月 14 至 16 日邁阿密海灘和線上