[解決済み] 新しいChromeでドロップダウンメニューを検査する
質問
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) を押す前に、ソースタブで開いているすべてのタブを閉じることです。 . *
関連
-
[解決済み] ChromeでCSSカスタムスタイルのボタンから青枠を削除する
-
[解決済み] Chromeの同一生成元ポリシーを無効にする
-
[解決済み] ウェブサイト制作のためのChromeキャッシュの無効化
-
[解決済み] Firefox または Chrome ブラウザから HTTP POST リクエストを手動で送信する方法
-
[解決済み] Chromeを使用してASP.NET Web APIがXMLの代わりにJSONを返すようにするにはどうすればよいですか?
-
[解決済み] Chromeデベロッパーツールで:hoverの状態を見る
-
[解決済み] Chromeのオートコンプリートで入力の背景色を削除する?
-
[解決済み】自己署名付きlocalhost証明書をChromeが受け入れるようにする方法
-
[解決済み】Google ChromeでWebSocketのデバッグをする。
-
[解決済み】「Upgrade-Insecure-Requests」HTTPヘッダーとは何ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Chromeデベロッパーツールの==$0(ダブルイコール ドルゼロ)の意味とは?
-
[解決済み] ResizeObserver - ループの制限を超えました。
-
[解決済み] クロームやクロミウムでHTTP/2を無効にする方法は?
-
[解決済み] badidea」や「thisisunsafe」を使ってChromeの証明書/HSTSエラーを回避する場合、現在のサイトにのみ適用されるのでしょうか?[クローズド]
-
[解決済み】Chrome Developer Consoleで奇妙なエラー - リソースの読み込みに失敗しました: net::ERR_CACHE_MISS
-
[解決済み】ChromeのデベロッパーズツールやFirefoxのFirebugでXPath式を検証する方法とは?
-
[解決済み】iOSリモートデバッグ
-
[解決済み】Chrome DevTools Devicesに接続してもデバイスが検出されない。
-
[解決済み】「Upgrade-Insecure-Requests」HTTPヘッダーとは何ですか?
-
[解決済み] cssの変形でクロームの縁がギザギザになる