開發人員工具提示:如何使用控制台快速鍵加快工作流程

Sofia Emelianova
Sofia Emelianova

控制台公用程式 API 提供各種捷徑,可加快偵錯工作流程。

您可以使用控制台公用程式 API 執行以下操作:

  • 請停止輸入 document.querySelector() 等冗長的指令,改用 jQuery 風格的 $ 快捷鍵來指定元素。
  • 參考您在「Elements」面板上選取的最後五個 DOM 元素。
  • 快速參照元素的 XPath,您可以在「Element」面板中複製 XPath。
  • 透過建構函式查詢物件。
  • 只列出物件的鍵或值。
  • 將物件的字串表示法複製到剪貼簿。
  • 取得事件監聽器。
  • 監控事件和函式呼叫。

如需所有控制台公用程式 API 捷徑的完整清單,請參閱 控制台公用程式 API 參考資料