How Can I Access Native Functions Using \"$\" in Chrome Developer Tools?

Accessing the Native $ Function in Chrome Developer Tools

The Chrome Developer Tools console provides a unique function that can be accessed simply by typing "$". This function is unrelated to libraries like jQuery and instead represents native functionality within the browser.

Inspecting "$" in the console reveals a function definition:

$
function () { [native code] }

This function remains inaccessible through window['$'], document['$'], or this['$']. Its true purpose has been a subject of speculation.

Recent Changes in Browser Functionality

The behavior of "$" in Chrome has evolved over time. In the past, it has acted as an alias for document.querySelector() or an equivalent to document.querySelectorAll(). However, recent updates have introduced additional functionality, including:

• $: An alias for document.querySelector(), returning a reference to the first DOM element matching a CSS selector.
• $$: Returns an array of elements matching a CSS selector, similar to document.querySelectorAll().
• $_: Stores the value of the most recently evaluated expression.
• $0, $1, $2, $3, $4: Quick references to the last five DOM elements inspected in the Elements panel or the last five JavaScript heap objects in the Profiles panel.

While "$" is not a core JavaScript feature, it is a handy tool within the Chrome Developer Tools, providing quick access to DOM elements and other useful functionality.

The above is the detailed content of How Can I Access Native Functions Using \"$\" in Chrome Developer Tools?. For more information, please follow other related articles on the PHP Chinese website!