常識レベルのchromeコンソール操作インターフェース

原文のリンク:https://ssshooter.com/2018-12...
もうすぐ2019年になります.chrome DevToolsのアプリを見に行きます.えっと、遅いのは遅くて、知らないよりいいですよね?これらのインターフェースについては、知らなくても正常に開発できなくなりますが、効率が多くなることが分かりました.実は多くの「常識」は「常識すぎる」から、みんなは言わないで、討論しないで、結果として知っている人はかえって多くないです.
以下は簡単なまとめです.
特殊変数

$_は、前の式の戻り値を返します.

$0 ~ $4は、前回選択されたdom要素に戻り(審査要素または直接開発ツールで要素をクリックし、以下の$0を使用して有効にしない)、$()はn＋1回選択された要素に戻る.

特殊な方法

$nは$()

に相当します.

document.querySelector()は$$()

に相当します.

document.querySelectorAll()は、XPSに入ってきて、dom要素を取得します.XPS関連概念はここで理解できます.

$x()は、ある要素、例えばinspect()を審査する.ここには注意しにくいピットがあります.もしあなたのページにidがinspectの要素があると、inspectを入力すれば、そのdom元素が得られます.

inspect($0)は、1つの変数をコピーします.前から悩みがありましたが、jsでデータを処理したいです.例えば対象の配列を保存して、ブラウザで直接処理したいですが、この方法が分かりませんでした.コピーできなくて、nodeでファイルを書いてコピーするしかないです.愚かです.

copy()は、関数

を監視する.

copy(var)は、1つの要素上のイベント

を監視する.
参照リンク:https://developers.google.com...