2012-11-10 1 views
2

내 사이트에서 사용중인 Modernizr 빌드가 있습니다 (테스트 할 대상 만 포함). 그렇다면 필자는 JavaScript로 어려움을 겪었습니다. 내가 할 수있는 최선의 방법은 잘라내어 붙여넣고기도하는 것입니다.Javascript (Modernizr/YepNope.js) 구문 및 사용법

Modernizr.load를 사용하여 리소스를 비동기 적으로로드하지만 작업 할 수있는 유일한 방법은 http://mothereffinghsl.com/이고 73 행을 복사하여 (HTML5 상용구 비디오 자습서에서 사용함) ... 나는 대단히 개선 모더 나이저의 YepNope 부분에 대한 http://yepnopejs.com/에이 문서를 한 이후

<script> 
    Modernizr.load({ 
    test: Modernizr.fontface, 
    yep: [  
    ,'css!//static.adaminfinitum.com/css/lazy-fonts.css'  
    ], 
    callback: function(url, testResult) { 
    } 
    }); 
</script> 

그러나 나는 몇 가지 질문이 있습니다 내 버전을 게시 할 수 있습니다.

1.) < 스크립트를 제거하면> 태그를 내 Modernizr 파일에 바로 붙여 넣을 수 있습니까? (현재 내 페이지의 닫는 본문 태그 바로 앞에 있습니다)?

2.) 언제/어떻게/사용했는지 알고 싶다면 console.log (아래 예 참조)를 사용해야합니까? yepnope 워드 프로세서에서

: 워드 프로세서에 어떤 장소에서

yepnope({ 
    load: ["https:/­/my-cdn.com/jquery.min.js?v=1.7.1", "https:/­/my-cdn.com/jquery-ui.min.js?v=1.8.16"], 
    callback: { 
    "jquery.min.js": function() { 
     console.log("jquery loaded!"); 
    }, 
    "jquery-ui.min.js": function() { 
     console.log("jquery-ui loaded!"); 
    } 
    } 
}); 

, 나는 그들이 '경고'를 사용 볼 수 있지만 그것이 경고 할 수있는 유일한 장소처럼 보인다 내 서버에 기록에 인 console.log가하고있는 것 같습니다. 이것은 정확하고 말씨가 다른 방식일까요? 아니면 둘 사이에 차이점이 있습니까?

내가 알기로는 JS noob입니다. 트래픽 양이 주어진 기능을 지원했는지 또는 지원하지 않았는지에 대한 사용 통계를 얻을 수 있기를 바랍니다.

참고 : 여기에 관련되어있는 것으로 보이는 모든 것을 읽고 몇 주 전에이 질문을 포함하는 지나치게 광범위한 질문을 던졌습니다.

감사

는 UPDATE : 위의 '프로토콜 상대'URL을 사용하여 어떤 이유로, HTTP (생략 : (404) 오류가 나에게 많은 문제를 야기 (가끔 상대 링크로 해석했다) 그래서 자원에 대한 링크에 http:을 추가했습니다.

+1

당신이 물어 보지 않았지만'' 'css! // static.adaminfinitum.com/css/lazy-fonts.css' '줄에서 선행 쉼표를 제거해야한다고 생각합니다. – nnnnnn

+0

의미가 있지만 JS에서 공백이나 구두점을 사용할 때마다 문제가 발생합니다. 어쨌든 고마워, 그렇게하겠습니다. –

답변

3

Modernizer 객체가 정의 된 후에 (즉, Modernizer 파일 끝) 스크립트 태그없이 JavaScript 코드를 사용자의 Modernizer 파일에 붙여 넣을 수있는 것은 맞습니다.

console.log 기능은 서버의 파일이 아니라 웹 브라우저의 JavaScript 콘솔에 로그인합니다. 모든 웹 브라우저가 자바 스크립트 콘솔을 가지고있는 것은 아니지만, 브라우저에서 로그 메시지와 오류 메시지를 볼 수 있습니다. Firefox와 Chrome에는 열 수있는 JavaScript 콘솔이 있습니다. console.log은 디버깅을위한 코드에만 있어야합니다.

JavaScript 콘솔이 창에서 열려 있지 않을 때 Internet Explorer의 일부 버전에 console.log이 정의되어 있지 않다는 점이 하나 있습니다. 이 경우 JavaScript가 예기치 않게 중단됩니다. Firefox 또는 Chrome을 사용하여 선택 사항이있는 경우 코드가 실행되는 방식을 검사하면 많은 시간을 절약 할 수 있습니다.

alert 기능은 디버그하기에 덜 편리한 방법입니다. 메시지와 함께 브라우저에 대화 상자 창이 나타납니다. JavaScript 프로그램을 계속 실행하려면 메시지를 닫아야합니다.다시, 아무 것도 서버 측에 기록되지 않습니다.

+0

이 사실을 완전히 이해했습니다. 감사합니다. IE를 사용하는 것에 대해 걱정할 필요가 없지만 철저히 감사드립니다. –