開發人員工具摘要:新指令選單效能更佳

Paul Bakaus
Paul Bakaus

瞭解 DevTools 的新指令選單,以及超過 60 個可實現超快速工作流程的動作。

Cmd/Ctrl + Shift + P 可開啟指令選單

開發人員工具中的指令選單

當您在「來源」面板中按下 Cmd + P (或 Ctrl + P) 時,系統會顯示「跳至檔案」對話方塊,但這項功能並未廣為人知,我們現在已超越這個目標,並開發出以文字編輯器為靈感的命令選單,可執行 DevTools 中幾乎所有重要的動作。

按下 Cmd + Shift + P (或 Ctrl + Shift + P) 即可在任何位置 (即使頁面已聚焦) 顯示指令選單,然後輸入篩選條件並按下 Enter 觸發動作。以下是幾個你可以嘗試的操作:

  • 外觀:切換為深色主題
  • 開發人員工具:固定到底部
  • 行動裝置:檢查裝置...
  • 網路:切換為離線狀態

新的指令選單可讓您快速瀏覽及探索開發人員工具中的新設定和動作。

您是否想找回先前與該捷徑相關聯的「前往成員」對話方塊?它仍在那裡,只要從現在開始按下 Cmd + Shift + O (或 Ctrl + Shift + O) 即可。

美化排版 HTML

美化 HTML。

我們已在「來源」面板中內建 JS 和 CSS 來源的優美列印功能一段時間,但現在已擴充這項功能,以支援完整的 HTML 優美列印功能。試試看吧!這項工具不僅會重新格式化 HTML,也會重新格式化其中的 JavaScript 和 CSS!


如往,歡迎透過 Twitter 與我們分享您的想法或在下方留言,並將錯誤提交至 crbug.com/new

我們下個月見! Paul Bakaus 和開發人員工具團隊