1. 程式人生 > >谷歌瀏覽器開發者工具的快捷鍵詳解

谷歌瀏覽器開發者工具的快捷鍵詳解

原文: http://www.cnblogs.com/wangzhenhai/p/6531756.html

本頁介紹 Chrome DevTools 中所有鍵盤快捷鍵的參考資訊。一些快捷鍵全域性可用,而其他快捷鍵會特定於單一面板。

您也可以在提示中找到快捷鍵。將滑鼠懸停在 DevTools 的 UI 元素上可以顯示元素的提示。 如果元素有快捷鍵,提示將包含快捷鍵。

訪問 DevTools
在這裡插入圖片描述

全域性鍵盤快捷鍵

下列鍵盤快捷鍵可以在所有 DevTools 面板中使用:
在這裡插入圖片描述

按面板分類的鍵盤快捷鍵

Elements
在這裡插入圖片描述
Styles 邊欄
Styles 邊欄中可用的快捷鍵:


Sources
在這裡插入圖片描述
在程式碼編輯器內

Timeline
在這裡插入圖片描述
Profiles
在這裡插入圖片描述
控制檯
在這裡插入圖片描述
Device Mode
在這裡插入圖片描述
抓屏時

檢查元素工具|Ctrl + Shift + C|Cmd + Shift + C
本文參考:https://developers.google.com/web/tools/chrome-devtools/shortcuts?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3

表示感謝!