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

Sofia Emelianova
Sofia Emelianova

Console Utilities API 提供各式各樣的捷徑,可讓您加快偵錯工作流程。

您可以透過 Console Utilities API 執行以下操作:

  • 停止輸入 document.querySelector() 等長指令,請改用 jQuery 樣式的 $ 快速鍵指定元素。
  • 查看您在「元素」面板中選取的最近 5 個 DOM 元素。
  • 依據 XPath 快速參照元素,您可以在「元素」面板中複製這些元素。
  • 透過其建構函式查詢物件。
  • 僅列出物件的鍵或值。
  • 將物件的字串表示法複製到剪貼簿。
  • 取得事件監聽器。
  • 監控事件和函式呼叫。

如需所有 Console Utilities API 捷徑的完整清單,請參閱 Console Utilities API 參考資料