코드가 좋아요. 코드/자바 스크립트 오류가 나타납니다.

Question

내 facebook에 간단한 facebook "like"모듈을 추가하고 싶습니다. 저를 많이주고있다

<div class="fb-like" data-href="my site url here" data-send="false" data-width="550" data-show-faces="false"></div> 

는이 코드를 제외하고 잘 작동하는 것 같다 :

<div id="fb-root"></div> 
<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/pl_PL/all.js#xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

나중에 페이지 내부 : 페이스 북의 개발자 사이트 에서 생성 된 코드를 사용하여 메신저 body 태그를 연 후이 권리를 추가 방화범처럼 보이는 CSS/js 경고 :

unknown property „-moz-border-radius”, unknown property: "moz-outline-style.3",[],function(a,b,c,d,e,f){(function(){var g={}.toString,h,i,j,k=e.exports={},l... 

많은 오류가 있습니다.

이 문제를 해결하는 방법을 알고 계십니까? 전체 페이지가 잘 작동하는 것처럼 보이지만 내 페이지에 이런 종류의 문제가있는 것을 좋아하지 않습니다. 메신저도 jquery를 사용하여이 문제를 해결할 수 있습니까?

Answer 1

다른 브라우저와의 호환성을 최대화하기 위해 두 가지 이상의 양식으로 정의해야하는 CSS 속성이 있기 때문에 이러한 오류가 발생합니다.

이러한 표준 선언에 대한 추가 사항은 접두사입니다. 자세한 내용은 little link을 참조하십시오.

예를 들어, 다음과 같은 CSS를 가지고 :

.roundcorners { 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
} 

-moz-border-radius 파이어 폭스의 olders 버전입니다, 새로운 것들 border-radius을 지원합니다. -webkit-border-radius은 웹킷 기반 브라우저 용입니다 (Chrome, Safari).

즉, 대부분의 최신 브라우저에서 유사한 버튼을 사용하려는 경우 이러한 오류가 발생하지 않도록 할 수는 없습니다.

참고 : 브라우저에 알 수없는 속성/규칙이 표시되면 선언이 무시되므로 규칙이 ordered properly 인 경우 무해한 것입니다.