2013-03-09 6 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의 유효성을 검사해야하는 웹 사이트를 구축하더라도 경고는 무시해도됩니다.

경고는 바로 파이어 폭스합니다 (-moz- 접두사를 필요로하지 않고) box-sizing에 대한 완전한 지원이 멀리 가야하지만 21

배경 정보

파이어 폭스 후에 일부 버전까지 일어나지 않을 것입니다

경고는 특정 CSS 스타일에 필요한 다양한 구문으로 인해 발생합니다. 모든 브라우저를 지원하려면 일반적으로 다양한 구문을 모두 지정해야합니다. 브라우저는 인식하지 못하는 브라우저를 무시합니다. box-sizing의 경우

는, 파이어 폭스는 -moz- 접두사, 사파리 모바일의 초기 버전과 안드로이드 브라우저 -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

우리는 단순히 메시지를 무시할 수 있습니다. 나를 위해 일했습니다. –

2

jQuery 사람들에 따르면 이것은 파이어 폭스 문제이므로 아무 것도 할 수 없습니다. 파이어 폭스 27 (베타) 현재까지도 계속 일어나고있다. 참고 : http://bugs.jquery.com/ticket/13569

관련 문제