8

ウェブサイトのテストに Google Chrome 開発者ツールを使用しています。

一部の要素では正常に機能していますが、他の要素ではセレクターが表示されていますが、スタイルがないと表示されています。要素にはスタイルがあり、スタイルが要素に適用されます。しかし、インスペクターにはスタイルが表示されません。

そのインスペクタの css ファイル行へのリンクをクリックすると、そこにスタイルが表示されます。

空の宣言を削除するurl()とバグが修正されるというGoogleグループのトピックを見ました。ただし、空のurl()宣言はありません。

また、多少似ているこのバグも見つけました。しかし、まったく同じではありません。私が気づいたことの 1 つは、このバグが提供したユースケースと私のセットアップの両方が twitter-bootstrap を使用していることです。単一の css ファイルにブートストラップを含む .less バージョンのブートストラップをコピー > 貼り付けメソッドとして使用しているため、css ファイルには3740 行あります。これは問題の一部でしょうか?

要素は深くネストされていません ( body > div#container > inspected element)。
要素に過剰な量のスタイルが適用されていない (<= 10)。


拡大するにはクリックしてください開発ツールの例

4

1 に答える 1

6

わかりました、それで、バグに近いように見えるこのバグも見つけました。
それは次のように述べています

認識されない疑似クラスが CSS に存在すると、DevTools が中断する

どの twitter-bootstrap が行います! そのため、Twitter ブートストラップ (またはベンダー固有の疑似クラスを使用しようとするもの) を使用している場合、開発ツールが壊れているようです。これを解決する唯一の方法は、このバグが開発者によって解決されるのを待つことです。

誰かがこれに対する修正を投稿できれば、私は彼らの答えを受け入れます!

于 2012-07-17T10:59:35.193 に答える