「轉譯」分頁總覽

Sofia Emelianova
Sofia Emelianova
GitHub

透過這份開發人員工具「轉譯」分頁功能總覽，瞭解影響網頁內容轉譯的多項選項。

總覽

算繪分頁可協助您：

  • 找出轉譯效能問題。找出重繪、版面配置變更、圖層和圖塊、捲動問題、算繪統計資料和 Core Web Vitals。
  • 模擬 CSS 媒體功能。測試網頁如何使用不同的 CSS 媒體功能進行轉譯，而不需要在程式碼或測試環境中手動指定這些功能。
  • 套用其他實用特效。醒目顯示廣告框架、模擬網頁上的焦點、停用本機字型和圖片格式、啟用自動深色主題，以及模擬視力障礙。

開啟「算繪」分頁

如要開啟「算繪」分頁，請按照下列步驟操作：

  1. 開啟開發人員工具。

  2. 按下 Command + Shift + P 鍵 (Mac) 或 Control + Shift + P 鍵 (Windows、Linux、ChromeOS) 即可開啟指令選單。

    指令選單、算繪

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

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

  • 按下 Esc 鍵開啟「Drawer」，然後在左上角依序點選「更多工具」更多 >「算繪」。
  • 依序按一下右上角的「更多選項」更多 >「更多工具」 >「算繪」。