Chrome 開發者工具中的命令菜單


大家對命令菜單(Command Menu)應該都不陌生。目前主流的編輯器中都內置了對該功能的支持。在 Sublime Text 和 Visual Studio Code 中你都可以通過快捷鍵 Ctrl + Shift + P 呼出命令菜單(在 Mac 上是 Cmd + Shift + P)。

在呼出的菜單中輸入關鍵字選擇自己需要的命令(支持模糊搜索哦),按回車即可執行命令。極大的提高了效率。

舉個例子,以下的操作是為文件設置 JavaScript 的語法高亮:

很方便吧。

如果你已經習慣了這種操作方式,那么今天要告訴你一個好消息。Chrome 開發者工具現在也支持命令菜單了!激活的方式還是 Ctrl + Shift + P

激活后,長這個樣子:

熟悉的配方,熟悉的味道。有木有!

滾動菜單,查看支持的命令,基本涵蓋了我們日常開發用到的所有功能。

舉幾個實用的小例子吧(這些例子不同命令菜單一樣可以實現,但命令菜單可以極大的提高效率)。

1. 搜索所有資源文件

激活命令菜單,輸入 search,選擇 Search all files,回車。在彈出的輸入框中輸入關鍵字就可以在所有頁面引入的資源文件中搜索該關鍵字了。還支持正則表達式哦。

2. 禁用/開啟頁面 JavaScript

激活命令菜單,輸入 js,選擇 Disable JavaScript。再次選擇,即可開啟。

3. 隱藏 HTML 中的注釋

激活命令菜單,輸入 comment,選擇 Hide HTML Comments

更多快捷功能,自己去發現吧!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM