私はスクリプトを一時停止することができるデバッガ/ブレークポイントに似たクロム機能を探しています。javascriptを一時停止する
なぜですか。私はクロム・インスペクタでいくつかのCSSをテストするのが好きです。ローディングスピナーなので、数ミリ秒間しか見ることができません。 ）
なぜブレイクポイントにならないのですか... クロムはページ全体を黒いレイヤーで覆うので、私は右クリックしてDOMエレメントを調べることができません。
デベッガーモードの黒色層クロムを取り除くことは可能ですか？または単にスクリプトを一時停止して、CSSで再生して、もう一度再生することができます。
Thanx事前に。あなたのJavaScriptで
、あなたは簡単に書くことができます。
console.log(element);
debugger;
をクローム開発ツールのコンソールが開いている場合は、この行は、手動でブレークポイントを配置することなく、スクリプトを一時停止します。 console.log(element);を使用すると、コンソールからデバッグまたは変更したい要素にアクセスできます。
スクリプトが終了したら、DOMエクスプローラを使用して要素を選択し、DOMプロパティウィンドウの[スタイル]でdisplayプロパティをnoneに変更して消えます。
これは良いヒントです...しかし、これはちょっと考えすぎて、javascriptでその要素を見つけてからconsole.logで+ブレークポイントを設定してからインスペクタで黒いレイヤーを取り除きます。 私は私自身の質問に対してより簡単な解決策を見つけたと思う。右クリックではなく、クロムで選択要素ツールを使用するだけです。エレメントが選択されるまで、一時的に黒レイヤーが削除されます。 –
私は自分の質問に答え、[OK]を発見しました。右クリックではなく、クロムで選択要素ツールを使用するだけです。要素が選択されるまで左
へ
アイコンは、一時的な黒色の層を除去します。しかし、黒色のレイヤーを覆わずに正しい色を見たい場合、それを表示する必要があります：それはインスペクタにはありません。また、ホバーや他の同様の統計情報で作業したい場合は、黒いレイヤーがホバーなどを防ぎます。
どのような黒いレイヤーですか？私はブレークポイントでDOMを細かく調べることができます – slebetman