Chrome デベロッパー ツールで「$」を使用してネイティブ関数にアクセスするにはどうすればよいですか?

Chrome デベロッパー ツールのネイティブ $ 関数へのアクセス

Chrome デベロッパー ツール コンソールには、「」と入力するだけでアクセスできる独自の機能が提供されています。 $"。この関数は jQuery などのライブラリとは無関係で、代わりにブラウザ内のネイティブ機能を表します。

コンソールで "$" を調べると、次の関数定義が表示されます。

$
function () { [native code] }

この関数はウィンドウからアクセスできないままです。 ['$']、ドキュメント['$']、または this['$']。その真の目的は憶測の対象となっています。

ブラウザ機能の最近の変更

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 中国語 Web サイトの他の関連記事を参照してください。