上次更新時間
2021年11月30日
- Dreamweaver 使用手冊
- 簡介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作區和檢視
- 設定網站
- 管理檔案
- 版面和設計
- CSS
- 頁面內容和資產
- 設定頁面屬性
- 設定 CSS 標題屬性和 CSS 連結屬性
- 處理文字
- 尋找和取代文字、標籤和屬性
- DOM 面板
- 在即時檢視中編輯
- 在 Dreamweaver 中進行文件編碼
- 在文件視窗中選取並檢視元素
- 在屬性檢視窗中設定文字屬性
- 檢查網頁拼字
- 在 Dreamweaver 中使用水平線
- 在 Dreamweaver 中新增和修改字體組合
- 使用資源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中建立和管理最愛資源
- 在 Dreamweaver 中插入及編輯影像
- 新增媒體物件
- 在 Dreamweaver 中加入視訊
- 插入 HTML5 視訊
- 插入 SWF 檔
- 新增音效效果
- 在 Dreamweaver 中插入 HTML5 音效
- 使用圖庫項目
- 在 Dreamweaver 中使用阿拉伯文和希伯來文文字
- 連結和導覽
- jQuery Widget 和效果
- 撰寫網站程式碼
- 關於在 Dreamweaver 中撰寫程式碼
- Dreamweaver 的程式碼撰寫環境
- 設定程式碼撰寫偏好設定
- 自訂程式碼色彩標示
- 撰寫和編輯程式碼
- 程式碼提示和程式碼完成
- 收合和展開程式碼
- 利用片段重複使用程式碼
- Lint 程式碼
- 最佳化程式碼
- 在設計檢視中編輯程式碼
- 使用頁面的檔頭內容
- 在 Dreamweaver 中插入伺服器端包含
- 在 Dreamweaver 中使用標籤資料庫
- 匯入自訂標籤到 Dreamweaver
- 使用 JavaScript 行為 (一般說明)
- 套用內建的 JavaScript 行為
- 關於 XML 與 XSLT
- 在 Dreamweaver 中執行伺服器端 XSL 轉換
- 在 Dreamweaver 中執行用戶端 XSL 轉換
- 在 Dreamweaver 中新增 XSLT 字元實體
- 格式化程式碼
- 跨產品工作流程
- 範本
- 行動裝置和多螢幕
- 動態網站、網頁和網站表單
- 以視覺化方式建立應用程式
- 測試、預覽和發佈網站
- 疑難排解
將您的裝置連接到 Dreamweaver 桌面應用程式，即可在不同的裝置上預覽、檢查、測試及偵錯您的網頁。
自 2021 年 11 月 16 日起，跨多個裝置預覽頁面的功能已在所有 Dreamweaver 版本停止使用。我們鼓勵您探索即時預覽功能以在多個瀏覽器上預覽頁面。
Dreamweaver 現在可以讓您同時在多個裝置上測試實際執行可用的網頁。您可以看到您的網頁如何依不同的格式係數重新排列，也可以在您的頁面上測試互動功能。所有這些功能都不必安裝任何行動應用程式，也無需將裝置實際連接至桌上型電腦即可執行！只要以您的裝置掃描自動產生的 QR 碼，再於裝置上預覽您的網頁即可。
在桌上型電腦上觸發「即時檢視」時，它會反映在所有連接的裝置上，並協助您檢視各種元素，並視需求反覆調校設計。
必要條件
|
|
請確定您的裝置上已安裝 QR 碼掃描器。 |
|
|
請確定您的桌上型和行動裝置已連線到網際網路並且位於相同網路上。 |
|
|
請確定您手邊有 Adobe ID 認證。您必須在預覽期間備著桌上型裝置上供 Dreamweaver 用來登入裝置的 Adobe ID。 |
|
|
如果您是企業客戶，檢查您是否擁有存取裝置預覽服務之必要權限。 |
|
|
在裝置上確定瀏覽器設定中已啟用 JavaScript 和 Cookie。 |
支援裝置
所有 Android 和 iOS 裝置
在裝置上預覽網頁
-
在您的桌上型電腦上啟動 Dreamweaver，並開啟您想要在裝置上預覽的網頁。
-
按一下文件工具列中的「即時預覽」圖示。
裝置上的即時預覽
裝置上的即時預覽 隨即出現「裝置預覽」彈出式選單，並含有 QR 碼和簡短的 URL。
-
使用您想要用來預覽網頁文件的行動裝置來掃描 QR 碼。若要連線多個裝置，則使用每部該些裝置來掃描 QR 碼。
-
裝置上便會出現登入畫面。使用您的 Adobe ID 認證登入。請確定您供 Dreamweaver/Creative Cloud 使用的是相同的 Adobe ID。
裝置上的登入畫面
裝置上的登入畫面 -
成功的登入後，已連線裝置的名稱會出現在「裝置預覽」彈出式視窗中。然後，您會在連線裝置上看到網頁的預覽。
顯示連接裝置的「裝置預覽」彈出式選單
顯示連接裝置的「裝置預覽」彈出式選單
註解：
若要將彈出式視窗中的裝置名稱與實際裝置對應，請將您的滑鼠停留在裝置名稱上。相對應的裝置上會出現一個回應畫面。
在裝置上檢查網頁
如果要檢查所有連線裝置上的網頁，請按一下 Dreamweaver 工具列中的「檢查」圖示。
若要在特定裝置上檢查網頁，按一下「裝置預覽」彈出式視窗中裝置名稱所對應的檢查圖示。Dreamweaver 中的檢視區會設定為符合對應裝置上的檢視區，而且會在該特定裝置和 Dreamweaver 上觸發檢查。
在 Dreamweaver 中再按一下「檢查」圖示來結束「檢查」模式。
您在桌上型電腦上對網頁進行的所有編輯經認同後，都會立即反映在裝置上。
裝置預覽問題疑難排解
如果您在連接裝置或在裝置上預覽網頁時遇到問題，請參閱「裝置預覽 - 疑難排解」文章中的資訊。
