「轉譯」分頁總覽

Sofia Emelianova

查看開發人員工具中的「轉譯」分頁功能總覽，瞭解一系列影響網頁內容轉譯方式的選項。

總覽

「轉譯」分頁可協助您：

• 探索轉譯效能問題。包括重新繪製、版面配置位移、圖層與資訊方塊、捲動問題、查看轉譯統計資料和網站體驗核心指標。
• 模擬 CSS 媒體功能。測試不同 CSS 媒體功能的網頁轉譯方式，不必在程式碼或測試環境中手動指定。
• 套用其他實用特效。醒目顯示廣告頁框、模擬網頁焦點、停用本機字型和圖片格式、啟用自動深色主題，以及模擬視覺障礙。

開啟「轉譯」分頁

如要開啟「Rendering」分頁：

1. 開啟開發人員工具。

2. 按下 Command + Shift + P 鍵 (Mac) 或 Control + Shift + P 鍵 (Windows、Linux、ChromeOS) 開啟「Command」選單。

   

3. 開始輸入 rendering，選取「Show Rendering」，然後按下 Enter 鍵。開發人員工具會在開發人員工具視窗底部顯示「Rendering」分頁。

重點：除了開啟「轉譯」分頁之外，您也可以透過「指令」選單搜尋並啟用任一選項。請嘗試輸入選項名稱，例如 emulate。

或者，您也可以透過下列方式開啟「轉譯」分頁：

• 按下 Esc 鍵開啟導覽匣，然後在左上角依序點選「更多工具」圖示 >「轉譯」。
• 按一下右上角的「更多選項」圖示 >「更多工具」 >「轉譯」。