2013-03-09 4 views
19

У меня есть расширение WebDeveloper, и у меня появилось предупреждение о CSS, поэтому я пошел его исследовать. Предупреждение: 3 из 0: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

Предупреждения CSS от Firefox очень шумные. Во многих случаях невозможно сделать кросс-браузерную функцию без появления каких-либо (например, любого свойства с префиксом поставщика или фильтров IE или официальных свойств, которые он еще не распознает). Поэтому работать с ними не просто не нужно, это наносит ущерб вашему сайту (при минимальном добавлении ненужных условных условий к вашим файлам) – Dave

+0

За исключением игнорирования их, как я могу избавиться от них из консоли ошибок? –

ответ

22

Опции

  1. Использование JQuery 1.7.2.
  2. Поднимите проблему командой jQuery и надейтесь на исправление (или укажите ее самостоятельно).
  3. Используйте Firebug вместо WebDeveloper (что может или не поможет).
  4. Игнорируйте его.

До тех пор, пока страница отображается правильно, я считаю, что это предупреждение, которое можно безопасно игнорировать, даже если вы создаете веб-сайт, который строго требует проверки CSS.

редупреждение должно уйти, как только Firefox имеет полную поддержку box-sizing (без необходимости префикса -moz-), но это не будет происходить до тех пор, какую версию после Firefox 21.

Справочной информация

Предупреждение возникает из-за различных синтаксисов, необходимых для определенных стилей CSS. Для поддержки всех браузеров вам обычно необходимо указать все различные синтаксисы. Браузеры будут игнорировать те, которые они не распознают.

В случае box-sizing, Firefox требует -moz- префикс, ранние версии Safari Mobile и 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); 

когда предупреждения возникают из различных синтаксисов, используемых, это обычно КАС e консоли проверки подлинности или ошибки не достаточно умны, чтобы распознать реальную проблему из безобидной, которая часто неизбежна. И, честно говоря, на самом деле это определяется как предупреждение, а не ошибка.

Дополнительная информация

Новые версии JQuery использовать в box-sizing стиле для внутренних целей. jQuery 1.8.0 создает только одно предупреждение box-sizing, а jQuery 1.7.2 не производит.

jQuery может использовать его слегка небрежным способом - без предварительного тестирования, если есть какая-то поддержка, но без фактического вреда.Если это так, если достаточное количество людей жалуется на это команде jQuery, код jQuery может быть реорганизован для решения этой проблемы (ценой jQuery, выполняющей крошечный бит медленнее).

Если предупреждение было около -moz-box-sizing, а не box-sizing, это скорее показало бы возможную ошибку с Firefox, а не небольшую проблему с jQuery.

+0

мы можем просто проигнорировать сообщение.Работа для меня. –

Смежные вопросы