web-dev-qa-db-ja.com

Chrome Web開発ツール、ライブCSS編集は機能せず、デフォルトにリセットされます

奇妙なChrome Web開発ツールの動作です。要素の既存のCSSプロパティを変更しようとすると、Enterキーを押すと、以前のデフォルト状態にリセットされます。以前はすべて正常に動作しています。すべての拡張機能が無効になっています。何も変わりません。これは何ですか?ps Chrome version 22.0.1229.94m

22
andymcgregor

http://code.google.com/p/chromium/issues/detail?id=155795 がツリーの先端で修正され、修正は最終的にChrome 23(現在のベータ版)およびChrome 22(現在の安定版)。申し訳ありませんが、ご理解のほどよろしくお願いいたします。

いずれの場合も、この種の問題は壊れたスタイルシートの編集中にのみ発生するため、スタイルシートにエラーがないか確認してください。 http://jigsaw.w3.org/css-validator/ は、使用に適したツールです(「解析エラー」エラーに注意してください)。

6

これが同じ問題であるかどうかはわかりませんが、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アイコンをクリックして問題のサイトで無効にすると、機能が回復することがわかりました。

4
Luke H

A Chrome @viewportのバグが原因でした: https://code.google.com/p/chromium/issues/detail?id=278289

1
user2772325

エラーがないか、スタイルシートを確実に確認してください。明らかなものや、CSSチェッカーで検出されるものでもない場合があります。

私の場合、プレースホルダテキストのスタイルを設定するために、問題のあるスタイルはinput element pseudo-selectorsでした。行を削除すると、再び完全に機能します!

編集:私の場合のエラーは、より具体的には、接頭辞のない入力プレースホルダーを配置することで発生するようです(-===-)メディアクエリ内の疑似セレクター。図に行く...

それがなぜ問題であるかを理解するために...

1
Fateh Khalsa

これは私のために働いたものです。

Chromeデベロッパーツール>設定>一般タブの下で、オプションを確認します:

キャッシュを無効にする(DevToolsが開いている間)

1
Taiger

サイトでこの問題が発生し、不足しているバックグラウンドリソースに絞り込みました。

ライブCSS編集にFireFoxを使用するように切り替えましたが、FireBug拡張機能に問題はありませんでした。

0
ckdesign

再起動Chromeして再試行してください...新しいタブでページを再読み込みしてみることもできます。

これはおそらくChromeバグです。jQuerycss()コマンドを使用して要素にスタイルを適用すると発生しますが、他の多くのシナリオでも発生する可能性があります。

0
gamliela

同じ問題がありました。 ファイル名が正しいことを確認し、ワークスペースからフォルダーを削除して、もう一度追加しますライブ編集を有効にして、ローカルファイルのchromeで通常どおり機能するようにします。

0