web-dev-qa-db-ja.com

Chrome開発ツールでは、== $ 0(double = 1ドル)はどういう意味ですか?

Google Chromeの開発者ツールで、要素を選択すると、選択した要素の横に==$0が表示されます。どういう意味ですか?

Screenshot

282
oneNiceFriend

これは最後に選択されたDOMノードインデックスです。 Chromeは選択した各DOMノードにインデックスを割り当てます。そのため、$0は常に最後に選択したノードを指し、$1はその前に選択したノードを指します。最近選択されたノードのスタックのように考えてください。

例として、以下を考えてください。

<div id="sunday"></div>
<div id="monday"></div>
<div id="tuesday"></div>

Devtoolsコンソールを開いて、#sunday#monday#tuesdayの順に選択したところ、次のようなIDが得られます。

$0 -> <div id="tuesday"></div> 
$1 -> <div id="monday"></div>
$2 -> <div id="sunday"></div>

注: ノードがスクリプト(またはコンソール)で選択可能であることを知っておくと便利です。たとえば、これによく使われる用途の1つは角度要素セレクタです。

angular.element($0).scope()

そうすれば、コンソールからノードスコープにアクセスできます。

269
deadlock

$ 0は最後に選択された要素またはJavaScriptオブジェクトを返し、$ 1は2番目に最後に選択された要素を返します。

参照してください: コマンドラインAPIリファレンス

55
Ani Menon

ここに他の答えはそれが何を意味するのか明確に説明した。私はその使用を説明したい。

elementsタブで要素を選択し、chromeでconsoleタブに切り替えることができます。単に$0 or $1または任意の番号を入力してEnterを押すと、その要素がコンソールに表示されます。

screenshot of chrome dev tools

22
Siva Prakash

デバッグ時にhtml要素を参照するための簡単な構文です。通常、これらの種類のタスクはこれらの方法で実行されます。

document.getElementById , document.getElementsByClassName , document.querySelector

そのため、HTML要素をクリックしてコンソールで参照変数($ 0)を取得すると、日中の時間を大幅に節約できます。

1
malbarmawi