DevTools新功能：命令菜單快捷鍵和HTML格式化_html/css_WEB-ITnose

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：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 面板中的文件跳轉(zhuǎn)命令 Cmd + P

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀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 面板中的文件跳轉(zhuǎn)命令 Cmd + P

英文原文：

DevTools Digest: More power with the new Command Menu

作者：Paul Bakaus；翻譯：Guokai Han

注：以下 Cmd 鍵在 Windows 上為 Ctrl 鍵。

Cmd+Shift+P 喚出命令菜單

Sources 面板中的文件跳轉(zhuǎn)命令 Cmd + P 已經(jīng)出現(xiàn)有一段時(shí)間了?，F(xiàn)在我們更進(jìn)一步帶來(lái)了命令菜單功能，它能快速執(zhí)行 DevTools 中的大部分重要功能，就像某些文本編輯器一樣。

在任何位置（即使焦點(diǎn)在頁(yè)面上）都可以使用 Cmd+Shift+P 喚出命令菜單，然后隨著字符輸入（部分匹配即可）而過(guò)濾命令，找到后按回車(chē)執(zhí)行。例如：

Appearance: Switch to Dark Theme （輸入 switch 在深色主題和淺色默認(rèn)主題之間切換）

DevTools: Dock to bottom （輸入 dock 使 DevTools 在底部和右側(cè)位置切換）

Mobile: Inspect Devices… （輸入 inspect 打開(kāi)設(shè)備調(diào)試功能界面）

Network: Go offline （輸入 go offline 設(shè)置網(wǎng)絡(luò)面板的離線設(shè)置）

命令菜單是一種非常快捷的導(dǎo)航方式，并幫你發(fā)現(xiàn) DevTools 中的新設(shè)置和新功能。

Pretty-print HTML

過(guò)去我們已經(jīng)在 Sources 面板中實(shí)現(xiàn)了 JS 和 CSS 文件的 pretty-print 功能（將任何代碼格式化為便于閱讀的格式），現(xiàn)在我們又將這一功能擴(kuò)展到了 THML 文件上，不僅是格式化 HTML ，同時(shí)也會(huì)格式化里面的 JavaScript 和 CSS 內(nèi)容。

Post Views: 16

除非特別聲明，此文章內(nèi)容采用知識(shí)共享署名 3.0 許可，代碼示例采用 Apache 2.0 許可。更多細(xì)節(jié)請(qǐng)查看我們的服務(wù)條款。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com