Dreamweaver 13.1 是 Dreamweaver CC (13.0) 的更新，需要 Dreamweaver CC (13.0) 才能安裝在您的電腦上。如需 Dreamweaver CC (13.0) 中的新功能清單，請參閱「Dreamweaver CC 的新增功能」。

現在您可以在使用 Dreamweaver 的 CSS 設計工具、資源面板和偏好設定等功能時，使用檢色器選取範圍寬廣的顏色。

Dreamweaver 中的新檢色器可讓您：

• 從不同的色彩模式 (RGBa、Hexadecimal 或 HSLa) 選擇顏色。視需要調整顏色的亮度 (F) 和不透明度 (E)。然後將不同的顏色組合儲存為色票。
  • 若要將新顏色重設回原始顏色，請按一下原始顏色 (B)。
  • 若要變更色票的順序，請將色票拖曳到必要的位置。
  • 若要刪除色票，請將色票拖曳出面板。
• 使用滴管工具 (H) 從電腦上任何位置取樣顏色。若要從 Dreamweaver 以外的應用程式選擇顏色，請按住滑鼠按鈕，將滑鼠拖到所需顏色上方，然後釋放滑鼠按鈕。

雲端同步增強功能

鍵盤快速鍵和工作區同步處理

您現在可以使用雲端 (和在相同作業系統上執行 Dreamweaver CC 的其他電腦)，同步處理鍵盤快速鍵和自訂的工作區。

鍵盤快速鍵和工作區是預設為進行同步處理。您可以取消選取「偏好設定」對話框中的選項，選擇不要進行同步處理。

偏好設定對話框增強功能

「偏好設定」對話框中的「確定」按鈕以「套用」按鈕取代，可讓您修改多種類別的設定，並套用變更，再關閉對話框。

CSS 設計工具增強功能

即時反白標示

在 Dreamweaver 13.1 之前版本編輯 CSS 選取器的屬性時，無法識別在頁面上會受到變更影響的元素。

現在，使用即時反白標示，您可以輕鬆識別頁面上與 CSS 選取器相關聯的元素。然後您可以選擇繼續編輯屬性，或者只要變更特定元素的屬性，為該元素建立新的 CSS 選取器，然後編輯其屬性。 

如需詳細資訊，請參閱「識別與 CSS 選取器相關聯的頁面元素」。

快顯儲存與還原

現在 Dreamweaver 中實作快顯儲存與還原，以保留所有「編輯/新增/刪除」工作流程中 CSS 設計工具面板的原始內容。

以前，在已計算選取器清單的選取器中「編輯/新增」屬性時，屬性窗格一直是切換到已計算屬性清單。或者編輯/刪除邊界值一直是將邊界屬性區塊向下移。

快顯儲存與還原處理這些問題。

您可以在下列情境中看到「快顯儲存與還原」的實際運作：

• CSS 規則追蹤器 – 按一下選取器窗格中的任何選取器。IP 已在 CSS 程式碼中更新。
• 刪除文字/邊框或其他任何類別中的屬性。屬性窗格不會失去背景內容。
• 屬性窗格中的捲軸和標籤是跨選取器維持作業 – 若移至一個選取器中的邊框，然後變更至其他選取器，還是會看到屬性窗格顯示邊框類別。

除了這些以外，您也會在已計算選取器清單的選取器之中看到屬性的「編輯/新增」，編輯/刪除邊界值運作情形遠勝從前。

程式碼檢視改進情形

行號反白標示

IP 所在的行號現在會在程式碼檢視、即時程式碼、設計檢視、即時檢視和程式碼檢視窗中反白標示。發生語法錯誤時，行號也會反白標示。

標籤和屬性反白標示

插入點 (IP) 所在的標籤會反白標示。若 IP 是在開始標籤上，則結束標籤也會反白標示，反之亦然。反白標示用滑鼠點按和鍵盤導覽鍵都能運作。標籤反白標示也能配合即時程式碼和程式碼檢視窗運作。

您可以在「偏好設定」(程式碼色彩標示) 中變更標籤反白標示的顏色。

CSS 選取器的程式碼提示

出現於上層 HTML 檔案的類別和 ID 的程式碼提示現在也可在 CSS、LESS、SASS、SCSS 檔案中看到，隨附內嵌樣式標籤。

Dreamweaver 會提供程式碼提示，在您輸入. 或 # 至相關 CSS 檔案或上層 HTML 檔案的內嵌樣式標籤中時顯示。

移至目前字行開頭或結尾的鍵盤快速鍵

• 在 Mac 上：Cmd+向左箭頭可移至目前字行的開頭，Cmd+向右箭頭則可移至目前字行的結尾。
• 在 Win 上：Ctrl+向左箭頭可移至目前字行的開頭，Ctrl+向右箭頭則可移至目前字行的結尾。

鍵盤快速鍵可在「編輯 > 鍵盤快速鍵 > 命令 > 編輯程式碼」區段中自訂。

CEF 整合

Dreamweaver 現在與 Chromium Embedded Framework (CEF) 整合，這是以 Google Chromium 專案為基礎的開放原始碼架構。這項整合讓 Dreamweaver 能夠控制資源載入、導覽、快顯選單、列印和其他各項，同時利用 Google Chrome 網頁瀏覽器所提供的相同效能和 HTML5 技術。

如需詳細資訊，請參閱「CEF 整合」。

注意：由於 CEF 整合的緣故，當您在開發延伸功能時使用 <mm:browsercontrol> 的方式需要變更。請參閱此文章以取得詳細資訊。

PHP 5.4 支援

PHP 5.4 的完整支援 (沒有語法錯誤)。

Adobe Extension Manager 的更新

Adobe Extension Manager 7.1 提供的新功能可增強下載延伸功能與維持其最新狀態的體驗。

Adobe Exchange 中的增強功能

• 在過去，Adobe Exchange 的任何內容都必須使用類似 Adobe Exchange Packager 的公用程式封裝成 ZXP 檔案。現在 Adobe Exchange 和 Extension Manager 已經更新，可允許送出及安裝任何檔案類型。這表示，Adobe Exchange 可以支援更多的 Adobe CC 應用程式，而且明顯地也可支援更多的內容。Adobe Exchange 將會包含選自 Adobe Exchange Classic 和 Photoshop Marketplace 的相容內容。

• 現在任何人都可以在 Adobe Exchange 製作工具入口網站送出檔案。當您選擇這個選項時，Adobe Exchange 會自動將內容封裝為未簽署的 ZXP，而且 Extension Manager 會將它安裝在用戶的 Downloads 資料夾中，在這裡可以使用與更複雜的動態延伸功能相同的方式將它載入。這項新內容支援適用於任何 Exchange 相容的 CC 桌面應用程式，例如 Photoshop® CC、InDesign® CC、Illustrator® CC、Dreamweaver® CC、InCopy® CC、Prelude® CC 和 Premiere® Pro CC。

直接透過 Adobe Extension Manager 更新延伸功能

透過 Extension Manager 所提供的延伸功能現在可以提供更新連結，指向提供者更新伺服器的更新資訊。Extension Manager 會顯示這個位置可用的更新，並允許用戶起始更新。您可以為 ZXP 封裝提供下載 URL，好讓 Extension Manager 可自動下載及安裝它；您也可以指向一個頁面，此頁面中包含可讓用戶手動下載及安裝更新的指示。