私は Chrome バージョン 41.0.2272.101 m (最新) を使用していますが、このアップデートはめちゃくちゃです。インスペクターを開いているときに、DOM の変更があった要素が紫色で点滅するようになりました (Firefox のように)。しかし、今ではホバーしたオブジェクトを検査できません (これも FF のように、フロントエンド開発を行うときに使用したくない理由です)。
私が話しているのは、たとえば superfish のような js トリガー イベントです。以前は、メニューにマウスを移動してインスペクターでメニューを覆うと、メニューは開いたままになり、インスペクターで疑似要素が作成されているかどうかを確認したり、パディングなどを直接変更したり、変更を確認したりできました。しかし、今は、メニューにマウスを移動して右クリックして調べると、メニューが閉じてしまい、調べることができません。
インスペクターをドラッグしてみましたが、何も役に立ちませんでした。この新しい「機能」は、本当に迷惑です。要素にブレークポイントを配置せずに、js によってトリガーされたイベントを検査する方法はありますか (機能しますが、ちょっと面倒です)?
ベストアンサー1
メニュー要素のタイプによっては、ドロップダウン入力メニューでこの問題に遭遇しました。検査すると消えてしまう理由は、要素の外側のどこかをクリックすると、要素で常にblurorfocusoutイベントがトリガーされるためです。
要素を検査する方法の 1 つは、これらのイベントがトリガーされないようにするために、イベント リスナーを削除することです。
- Chromeの入力要素を検査する
- イベントリスナータブに移動し、
blurまたはfocusoutイベントを削除します
イベントリスナーが削除されると、メニューを開いて消えることなく検査できるようになります。