1. ホーム
  2. google-chrome

[解決済み] 新しいChromeでドロップダウンメニューを検査する

2022-09-05 02:47:05

質問

Chrome Version 41.0.2272.101 m (最新) を使用していますが、今回のアップデートでめちゃくちゃになりました。彼らは、インスペクタを開いているとき、すべてのDOMの変更が変更された要素に紫色で点滅するようにしました(Firefoxのように)、しかし今私はホーバーされたオブジェクトを検査することができません(FFのように、それが私がフロントエンド開発を行うときにそれを使用したくない理由です)。

私は、たとえば superfish のような、js トリガー イベントについて話しています。以前は、メニューにカーソルを合わせ、インスペクタでメニューを覆うと、メニューは開いたままになり、インスペクタでどの擬似要素が作成されているかを確認し、パディングなどを直接変更し、その変化を見ることが出来ました。今、私がメニューにカーソルを合わせ、それを検査するために右クリックすると、メニューは閉じられ、私はそれを検査することができません!

インスペクタをドラッグしてみましたが、何も役に立ちませんでした。この新しい「機能」は地獄のように迷惑です。要素にブレーク ポイントを置くことなく (これは機能しますが、ちょっと面倒です)、js トリガー イベントを検査する方法はありますか?

どのように解決するのですか?

マウスを要素の上に置いて、F8キー(Chromeのみ動作)を押すと、スクリプトの実行が一時停止されます。ホバーした状態が表示されたままになります。Mac を使用している場合は、システム環境設定を開き、[すべての F1,F2,etc] チェック ボックスをオフにする必要があるかもしれません (または、単に fn + F8 を使用することもできます)。

インスペクタの [ソース] タブにいる場合のみ動作することがあります。

*そうです、あなたはソースタブにいるべきで 最も重要なのは、F8 (win) または Fn+F8 (mac) を押す前に、ソースタブで開いているすべてのタブを閉じることです。 . *