開發人員工具提示:對推測導覽項目進行偵錯,加快網頁載入速度
bookmark_borderbookmark
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
Speculation Rules API 可讓您根據所定義的推測規則,實作幾乎即時的網頁載入作業。這可讓網站預先擷取及預先轉譯多數導向的網頁。
請觀看這部示範影片,瞭解如何:
- 依序前往「Application」 >「Background services」 >「Speculative loads」,檢查推測、規則和狀態。
- 透過頂端動作列的下拉式選單切換顯示效果,並使用所有 DevTools 面板檢查顯示效果。
- 即時追蹤預先顯示狀態。
您如何得知使用者接下來會點選哪個位置?為了盡可能提高預測載入的潛力,Chrome 121 現在可以從文件中挑選所有連結,而非固定清單,但只會在使用者將滑鼠游標懸停在連結上,並即將點選時預先顯示。
請觀看影片的最後部分,瞭解如何實作及偵錯文件規則,以便在滑鼠懸停或按下滑鼠事件時觸發預先顯示功能。這些事件可在導覽前提前載入網頁。請參閱這部示範影片,瞭解這項功能。
如需詳細資訊,請參閱:
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2024-02-01 (世界標準時間)。
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2024-02-01 (世界標準時間)。"],[],[]]