DevTools新功能：命令菜單快捷鍵和HTML格式化_html/css_WEB-ITnose
來源：懂視網
責編：小采
時間：2020-11-27 16:26:41
DevTools新功能：命令菜單快捷鍵和HTML格式化_html/css_WEB-ITnose
DevTools新功能：命令菜單快捷鍵和HTML格式化_html/css_WEB-ITnose:英文原文： DevTools Digest: More power with the new Command Menu 作者：Paul Bakaus；翻譯：Guokai Han 注：以下 Cmd 鍵在 Windows 上為 Ctrl 鍵。 Cmd+Shift+P 喚出命令菜單 Sources 面板中的文件跳轉命令 Cmd + P
導讀DevTools新功能：命令菜單快捷鍵和HTML格式化_html/css_WEB-ITnose:英文原文： DevTools Digest: More power with the new Command Menu 作者：Paul Bakaus；翻譯：Guokai Han 注：以下 Cmd 鍵在 Windows 上為 Ctrl 鍵。 Cmd+Shift+P 喚出命令菜單 Sources 面板中的文件跳轉命令 Cmd + P
英文原文：
DevTools Digest: More power with the new Command Menu
作者：Paul Bakaus；翻譯：Guokai Han
注：以下 Cmd 鍵在 Windows 上為 Ctrl 鍵。
Cmd+Shift+P 喚出命令菜單
Sources 面板中的文件跳轉命令 Cmd + P 已經出現有一段時間了。現在我們更進一步帶來了命令菜單功能，它能快速執行 DevTools 中的大部分重要功能，就像某些文本編輯器一樣。
在任何位置（即使焦點在頁面上）都可以使用 Cmd+Shift+P 喚出命令菜單，然后隨著字符輸入（部分匹配即可）而過濾命令，找到后按回車執行。例如：
Appearance: Switch to Dark Theme （輸入 switch 在深色主題和淺色默認主題之間切換） DevTools: Dock to bottom （輸入 dock 使 DevTools 在底部和右側位置切換） Mobile: Inspect Devices… （輸入 inspect 打開設備調試功能界面） Network: Go offline （輸入 go offline 設置網絡面板的離線設置） 命令菜單是一種非常快捷的導航方式，并幫你發現 DevTools 中的新設置和新功能。
Pretty-print HTML
過去我們已經在 Sources 面板中實現了 JS 和 CSS 文件的 pretty-print 功能（將任何代碼格式化為便于閱讀的格式），現在我們又將這一功能擴展到了 THML 文件上，不僅是格式化 HTML ，同時也會格式化里面的 JavaScript 和 CSS 內容。
Post Views: 16
除非特別聲明，此文章內容采用 知識共享署名 3.0 許可，代碼示例采用 Apache 2.0 許可。更多細節請查看我們的 服務條款 。
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
DevTools新功能：命令菜單快捷鍵和HTML格式化_html/css_WEB-ITnose
DevTools新功能：命令菜單快捷鍵和HTML格式化_html/css_WEB-ITnose:英文原文： DevTools Digest: More power with the new Command Menu 作者：Paul Bakaus；翻譯：Guokai Han 注：以下 Cmd 鍵在 Windows 上為 Ctrl 鍵。 Cmd+Shift+P 喚出命令菜單 Sources 面板中的文件跳轉命令 Cmd + P
