dev tool js API

Dev Tool JS API

Type	Parameters	Function	Example
$_ | | 返回最近計算的表達式的值。 | $_
$0-$4		檢查在分析面板對象中選擇的最後五個DOM元素。	$0
$ | (selector，[startNode]) | 返回對具有指定 CSS 選擇器的[startNode] 元素的引用。 | $('p')
$$	(selector，[startNode])	返回與給定 CSS 選擇器匹配的元素數組。	$$('p')
$x | (path, [startNode]) | 返回與給定 XPath 表達式匹配的 DOM 元素數組。 | $x("//p[a]")
clear	void	清除其歷史記錄的控制台。	clear()
copy	Object	將指定對象的字符串表示複製到剪貼板。	copy($0);
debug / undebug	Function	當指定的函數被調用時，調試器被調用並在 Sources 面板上的函數內部中斷，允許單步執行代碼並調試它。	debug(getData);
dir	Object	顯示所有指定對象的屬性的對像樣式列表。	dir(document.body);
dirxml	Object	打印指定對象的 XML 表示，如“元素”選項卡中所示。	dirxml(document.body);
inspect	Object | Function	在適當的面板中打開並選擇指定的元素或對象	inspect(document.body);
getEventListeners	Object	回在指定對像上註冊的事件偵聽器。	getEventListeners(document);
keys	Object	返回一個包含屬於指定對象的屬性名稱的數組。	keys({"first":"Hua","last":"Li"})
monitor / unmonitor	Function	指示函數名稱以及調用時傳遞給該函數的參數。	monitor(getData)
monitorEvents / unmonitorEvents	(Object[, Events])	當指定事件之一發生在指定對像上時，事件對象將記錄到控制台。	monitorEvents(window, ["resize", "scroll"])
profile / profileEnd	(String)	使用可選名稱啟動 JavaScript CPU 分析會話。	profile('A'); profileEnd('A');
queryObjects	(Constructor)	從控制台調用以返回使用指定構造函數創建的對像數組。	queryObjects(Promise)
table	(Array[, columns])	通過傳入帶有可選列標題的數據對象，以表格格式記錄對像數據。	table([{"first":"Hua","last":"Li"}])
values	(object)	返回一個包含屬於指定對象的所有屬性值的數組。	values(object);

Event

Event type	Event
mouse	"mousedown", "mouseup", "click", "dblclick", "mousemove", "mouseover", "mouseout", "mousewheel"
key	"keydown", "keyup", "keypress", "textInput"
touch	"touchstart", "touchmove", "touchend", "touchcancel"
control	"resize", "scroll", "zoom", "focus", "blur", "select", "change", "submit", "reset"

原文： https://developer.chrome.com/docs/devtools/console/utilities/