2013-03-09 9 views
19

私はWebDeveloper拡張機能を持っています。私はそれを調べるためにCSS警告を受けました。警告は次のうち3つです:jQueryはFirefoxのボックスサイズの警告を発生させます

Warning: Unknown property 'box-sizing'. Declaration dropped. 
Line: 0 

次に、私は空白のファイルを作成し、そこになかったことに気付きました。数分後、私は再現可能な原因を発見しました:jQuery 1.9.1スクリプトを含む!

どうすればいいですか?私はjqueryを使いたいと思っていますが、ツールバーでCSSの警告が永遠に表示されるのはちょっと面倒です。

<!DOCTYPE html> 
<html> 
<head></head> 
<body> 
<div>Empty</div> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
</body> 
</html> 
+7

FirefoxのCSSの警告は非常に騒々しいです。多くの場合、クロスブラウザ機能を使用することはできません(たとえば、ベンダープレフィックス付きのプロパティーやIEフィルター、またはそれが認識できない公式プロパティーなど)。だから、それらを回避するだけでは不必要ではない、それは実際にあなたのサイトに悪影響を与える(少なくとも、あなたのファイルに不要な条件を追加すること) – Dave

+0

それらを無視する以外はどうすればエラーコンソールから取り除くことができますか? –

答えて

22

オプション

  1. jQueryの1.7.2を使用してください。
  2. jQueryチームに問題を提起し、修正をお願いします(または自分自身で提供してください)。
  3. WebDeveloperの代わりにFirebugを使用します(これは役立つ場合もあります)。
  4. 無視してください。

限り、ページが正しくレンダリングするよう、私はあなたが厳密にCSSを検証する必要がウェブサイトを構築している場合でも、これはあなたが安全に無視することができます警告であると考えています。

警告は、すぐにFirefoxが(-moz-接頭辞を必要とせずに)box-sizingを完全にサポートしていて離れて行く必要がありますが、それは、Firefox 21

背景情報

後のいくつかのバージョンまでは発生しません

警告は、特定のCSSスタイルに必要なさまざまな構文から発生します。すべてのブラウザをサポートするには、通常、さまざまな構文のすべてを指定する必要があります。ブラウザは認識できないものを無視します。

box-sizingの場合、Firefoxは-moz-接頭辞を必要とし、モバイル版SafariとAndroidブラウザの初期バージョンは-webkit-接頭辞を必要とし、他のブラウザはまったく接頭辞を必要としない:

-webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
     box-sizing: content-box; 

同様の問題が発生しました値ではなく、プロパティ名によって引き起こされる。この場合の直線勾配を追加する場合:

background-image: -webkit-linear-gradient(top, #444, #999); 
background-image: -moz-linear-gradient(top, #444, #999); 
background-image:  -ms-linear-gradient(top, #444, #999); 
background-image:  -o-linear-gradient(top, #444, #999); 
background-image:   linear-gradient(top, #444, #999); 

警告が使用される様々な構文から生じ、それは、典型的には、CASですeは、実際には避けられない無害なものから実際の問題を認識するほどスマートではないバリデーターまたはエラーコンソールのコンソールです。公正であるために、実際にはエラーではなく警告として識別されます。

追加情報のjQueryの

新しいバージョンは、内部目的のためにbox-sizingスタイルを利用します。 jQuery 1.8.0は単一のbox-sizing警告を生成し、jQuery 1.7.2は警告を生成しません。

jQueryは、何らかのタイプのサポートがあるかどうかを最初にテストすることなく、わずかな不注意でそれを使用しているかもしれませんが、実際の害はありません。もしそうなら、十分な人がjQueryチームにそれに不平を言うと、jQueryコードはこれに対処するために潜在的にリファクタリングされる可能性があります(jQueryの実行速度が少し遅くなります)。

警告がbox-sizingではなく-moz-box-sizingであった場合、jQueryの軽微な問題ではなく、Firefoxのバグを示唆する可能性が高くなります。

+0

私は単にメッセージを無視することができます。私のために働いた。 –

関連する問題