預覽網頁

發行項
10/11/2017

為協助您在 Microsoft Expression Web 中的網頁設計工作，可以預覽網頁在不同的網頁瀏覽器及視窗大小中的狀況。可選擇的視窗大小需符合標準螢幕解析度 640×480、800×600 與 1024×768。Expression Web 會自動選取符合您目前螢幕解析度的值，以及較低的可用值。超出目前螢幕解析度的視窗大小將無法使用。

注意事項：
您可以在 [設計] 檢視中，根據網頁在不同大小瀏覽器中的外觀，將網頁大小設定成該約略值。如需詳細資訊，請參閱新增或修改網頁大小。

在瀏覽器中預覽網頁

執行下列其中一項動作：
- 按 F12。
- 在 [一般] 工具列上，按一下 [預覽] 按鈕，或按一下按鈕旁的箭號以選取瀏覽器。
- 在 [檔案] 功能表上指向 [在瀏覽器中預覽]，然後按一下所需要的瀏覽器與視窗大小。
注意事項：

使用瀏覽器進行預覽之前，必須先儲存網頁。

注意事項：
使用瀏覽器進行預覽之前，必須先儲存網頁。

在資料夾清單工作窗格中預覽網頁

選取檔案，然後按 F12。

預覽前自動儲存網頁

在 [檔案] 功能表上指向 [在瀏覽器中預覽]，然後按一下 [編輯瀏覽器清單]。
在 [編輯瀏覽器清單] 對話方塊中，選取 [在預覽之前先自動儲存網頁] 核取方塊。

新增網頁瀏覽器至瀏覽器預覽清單

在 [檔案] 功能表上指向 [在瀏覽器中預覽]，然後按一下 [編輯瀏覽器清單]。
按一下 [新增]。
在 [名稱] 方塊中，鍵入要列入瀏覽器預覽清單中的網頁瀏覽器名稱。
在 [指令] 方塊中，鍵入網頁瀏覽器之 .exe 檔案的名稱及路徑；或按一下 [瀏覽]，以找出該檔案。
按一下 [確定]。
在 [其他視窗大小] 下，選取您要啟用之視窗大小值旁的核取方塊。

注意事項：
預設的視窗大小需符合標準螢幕解析度 640×480、800×600 與 1024×768。Expression Web 會自動選取符合您目前螢幕解析度的值以及較低的可用值。超出目前螢幕解析度的視窗大小將無法使用。

預覽 ASP.NET 或 PHP 網頁

您可以使用 Microsoft Expression Development Server 預覽 ASP.NET 或 PHP 網頁。Expression Development Server 會在您安裝 Expression Web 時一併安裝。如果需要修復或重新安裝 Expression Development Server，請參閱安裝 Expression Development Server。如需預覽 ASP.NET 或 PHP 網頁的詳細資訊，請參閱預覽 ASP.NET 網頁或預覽 PHP 網頁。

使用 Microsoft Expression Development Server 預覽網頁

在 [網站] 功能表上，按一下 [網站設定]。
在 [網站設定] 對話方塊的 [預覽] 索引標籤上，選取 [使用 Microsoft Expression Development Server]。

使用自訂 URL 預覽網站

預覽網頁時，Expression Web 會將 URL 傳送至瀏覽器，以便您能夠開啟網站。例如，您若是使用 FTP 開啟網站，Expression Web 便會在您預覽網頁時，傳送 FTP 格式的 URL 至瀏覽器。由於網頁伺服器會根據 URL 的通訊協定傳回不同的內容，因此您必須另外提供 Expression Web 使用 HTTP 通訊協定的預覽 URL，如此才能夠存取網頁。例如，若是開啟 ftp://ftp.example.com/，即可建立 http://www.example.com/，請將其指向相同的實體位置，再設定 Expression Web 使用該自訂 URL。

您可能會想要使用自訂預覽 URL 預覽下列類型的網站：

以 FTP 開啟的網站，如 ftp://ftp.example.com。
以其他電腦透過 UNC 路徑開啟的網站，如 \\myserver\wwwroot\example。
透過不同於預覽所要使用之連接埠的連接埠所開啟的網站，如 http://www.example.com:9999.
透過不同於預覽所要使用之安全性層級的安全性層級所開啟的網站，如 https://www.example.com。
使用不同於預覽所要使用之驗證的驗證所開啟的網站，如 http://username:password@www.example.com。

提供自訂 URL 以預覽網頁

在 [網站] 功能表上，按一下 [網站設定]。
在 [網站設定] 對話方塊的 [預覽] 索引標籤中，於 [使用此網站自訂的 URL 預覽] 方塊上鍵入自訂的 URL。

請參閱

概念

新增或修改網頁大小