Chrome Web開発ツール、ライブCSS編集は機能せず、デフォルトにリセットされます
奇妙なChrome Web開発ツールの動作です。要素の既存のCSSプロパティを変更しようとすると、Enterキーを押すと、以前のデフォルト状態にリセットされます。以前はすべて正常に動作しています。すべての拡張機能が無効になっています。何も変わりません。これは何ですか?ps Chrome version 22.0.1229.94m
http://code.google.com/p/chromium/issues/detail?id=155795 がツリーの先端で修正され、修正は最終的にChrome 23(現在のベータ版)およびChrome 22(現在の安定版)。申し訳ありませんが、ご理解のほどよろしくお願いいたします。
いずれの場合も、この種の問題は壊れたスタイルシートの編集中にのみ発生するため、スタイルシートにエラーがないか確認してください。 http://jigsaw.w3.org/css-validator/ は、使用に適したツールです(「解析エラー」エラーに注意してください)。
これが同じ問題であるかどうかはわかりませんが、AdBlock Plus拡張機能がアクティブな場合、これが機能しないことがわかりました。
これはバグかもしれませんが、確かに思い出せません。
https://code.google.com/p/chromium/issues/detail?id=138854&can=1&q=adblock%20cr%3DPlatform-DevTools&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock %20Cr%20Status%20Owner%20Summary%20Modified
ABPアイコンをクリックして問題のサイトで無効にすると、機能が回復することがわかりました。
A Chrome @viewportのバグが原因でした: https://code.google.com/p/chromium/issues/detail?id=278289
エラーがないか、スタイルシートを確実に確認してください。明らかなものや、CSSチェッカーで検出されるものでもない場合があります。
私の場合、プレースホルダテキストのスタイルを設定するために、問題のあるスタイルはinput element pseudo-selectorsでした。行を削除すると、再び完全に機能します!
編集:私の場合のエラーは、より具体的には、接頭辞のない入力プレースホルダーを配置することで発生するようです(-===-)メディアクエリ内の疑似セレクター。図に行く...
それがなぜ問題であるかを理解するために...
これは私のために働いたものです。
Chromeデベロッパーツール>設定>一般タブの下で、オプションを確認します:
キャッシュを無効にする(DevToolsが開いている間)
サイトでこの問題が発生し、不足しているバックグラウンドリソースに絞り込みました。
ライブCSS編集にFireFoxを使用するように切り替えましたが、FireBug拡張機能に問題はありませんでした。
再起動Chromeして再試行してください...新しいタブでページを再読み込みしてみることもできます。
これはおそらくChromeバグです。jQuerycss()
コマンドを使用して要素にスタイルを適用すると発生しますが、他の多くのシナリオでも発生する可能性があります。
同じ問題がありました。 ファイル名が正しいことを確認し、ワークスペースからフォルダーを削除して、もう一度追加しますライブ編集を有効にして、ローカルファイルのchromeで通常どおり機能するようにします。