使用手冊 取消

預覽 Dreamweaver 網頁

 

 

將您的裝置連接到 Dreamweaver 桌面應用程式,即可在不同的裝置上預覽、檢查、測試及偵錯您的網頁。

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

Dreamweaver 現在可以讓您同時在多個裝置上測試實際執行可用的網頁。您可以看到您的網頁如何依不同的格式係數重新排列,也可以在您的頁面上測試互動功能。所有這些功能都不必安裝任何行動應用程式,也無需將裝置實際連接至桌上型電腦即可執行!只要以您的裝置掃描自動產生的 QR 碼,再於裝置上預覽您的網頁即可。

在桌上型電腦上觸發「即時檢視」時,它會反映在所有連接的裝置上,並協助您檢視各種元素,並視需求反覆調校設計。

必要條件

請確定您的裝置上已安裝 QR 碼掃描器。

請確定您的桌上型和行動裝置已連線到網際網路並且位於相同網路上。

請確定您手邊有 Adobe ID 認證。您必須在預覽期間備著桌上型裝置上供 Dreamweaver 用來登入裝置的 Adobe ID。

如果您是企業客戶,檢查您是否擁有存取裝置預覽服務之必要權限。

在裝置上確定瀏覽器設定中已啟用 JavaScript 和 Cookie。

支援裝置

所有 Android 和 iOS 裝置

在裝置上預覽網頁

  1. 在您的桌上型電腦上啟動 Dreamweaver,並開啟您想要在裝置上預覽的網頁。

  2. 按一下文件工具列中的「即時預覽」圖示。

    裝置上的即時預覽
    裝置上的即時預覽

    隨即出現「裝置預覽」彈出式選單,並含有 QR 碼和簡短的 URL。

     

  3. 使用您想要用來預覽網頁文件的行動裝置來掃描 QR 碼。若要連線多個裝置,則使用每部該些裝置來掃描 QR 碼。

  4. 裝置上便會出現登入畫面。使用您的 Adobe ID 認證登入。請確定您供 Dreamweaver/Creative Cloud 使用的是相同的 Adobe ID。

    裝置上的登入畫面

  5. 成功的登入後,已連線裝置的名稱會出現在「裝置預覽」彈出式視窗中。然後,您會在連線裝置上看到網頁的預覽。

    顯示連接裝置的「裝置預覽」彈出式選單

註解:

若要將彈出式視窗中的裝置名稱與實際裝置對應,請將您的滑鼠停留在裝置名稱上。相對應的裝置上會出現一個回應畫面。

在裝置上檢查網頁

如果要檢查所有連線裝置上的網頁,請按一下 Dreamweaver 工具列中的「檢查」圖示。

工具列上的檢查選項
工具列上的檢查選項

若要在特定裝置上檢查網頁,按一下「裝置預覽」彈出式視窗中裝置名稱所對應的檢查圖示。Dreamweaver 中的檢視區會設定為符合對應裝置上的檢視區,而且會在該特定裝置和 Dreamweaver 上觸發檢查。

在 Dreamweaver 中再按一下「檢查」圖示來結束「檢查」模式。

您在桌上型電腦上對網頁進行的所有編輯經認同後,都會立即反映在裝置上。

裝置預覽問題疑難排解

如果您在連接裝置或在裝置上預覽網頁時遇到問題,請參閱「裝置預覽 - 疑難排解」文章中的資訊。

更快、更輕鬆地獲得協助

新的使用者?