Chrome 개발자 도구에서 \"$\"를 사용하여 기본 기능에 어떻게 액세스할 수 있나요?

Chrome 개발자 도구의 기본 $ 함수에 액세스

Chrome 개발자 도구 콘솔은 " $". 이 함수는 jQuery와 같은 라이브러리와 관련이 없으며 대신 브라우저 내의 기본 기능을 나타냅니다.

콘솔에서 "$"를 검사하면 함수 정의가 드러납니다.

$
function () { [native code] }

이 함수는 창을 통해 액세스할 수 없습니다. ['$'], 문서['$'], 또는 이것['$']. 진정한 목적은 추측의 대상이었습니다.

최근 브라우저 기능 변경

Chrome에서 "$"의 동작은 시간이 지남에 따라 진화했습니다. 과거에는 document.querySelector()의 별칭 또는 document.querySelectorAll()과 동등한 역할을 했습니다. 그러나 최근 업데이트에서는 다음과 같은 추가 기능을 도입했습니다.

• $: document.querySelector()의 별칭으로, CSS 선택기와 일치하는 첫 번째 DOM 요소에 대한 참조를 반환합니다.
• $$: document.querySelectorAll()과 유사하게 CSS 선택기와 일치하는 요소의 배열을 반환합니다.
• $_: 가장 최근에 평가된 표현식의 값.
• $0, $1, $2, $3, $4: 요소 패널에서 검사된 마지막 5개의 DOM 요소 또는 마지막 5개의 JavaScript 힙 개체에 대한 빠른 참조

"$"는 핵심 JavaScript 기능은 아니지만 Chrome 개발자 도구 내의 편리한 도구로, DOM 요소 및 기타 유용한 기능에 대한 빠른 액세스를 제공합니다.

위 내용은 Chrome 개발자 도구에서 \"$\"를 사용하여 기본 기능에 어떻게 액세스할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!