「轉譯」分頁總覽

Sofia Emelianova
Sofia Emelianova

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

總覽

算繪分頁可協助您:

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

開啟「算繪」分頁

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

  1. 開啟開發人員工具

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

    指令選單、算繪

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

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

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