이 코드의 콘솔 로그는 어떻게 볼 수 있습니까?

Question

이전 스택 오버플로에서 설명한대로 문제를 해결하려고하지만 모든 응답을받지 못하므로 어쨌든 자신을 알아 내려고하고 있습니다 ...

콘솔 데이터를 보는 방법 이 코드에서 정확히 높이를 계산할 수 있습니다. 여기

window.onscroll = function (event) { 
    var offset = window.pageYOffset; 
    var wheight = window.innerHeight; 
    var html = document.documentElement; 
    var docheight = Math.max(document.body.scrollHeight, document.body.offsetHeight, 
    html.clientHeight, html.scrollHeight, html.offsetHeight); 
    var progress = offset/wheight; 

    document.getElementById("SVGID_1_").setAttribute("y1", 93000 + progress * 93000); 
} 

jsfiddle : http://jsfiddle.net/11x3cwnr/

Answer 1

타이핑 console.info (some_variable) 및 브라우저의 콘솔에서 볼. 일반적으로 그냥 그렇게처럼 자바 스크립트에 console.log 줄을 추가 F12

Answer 2

를 입력 : F12을 쳐서 http://jsfiddle.net/11x3cwnr/4/

보기 (대부분의 브라우저에서) 콘솔 출력.

Answer 3

업데이트 CONSOLE.LOG 문 아래 등으로 코드 : 그런 다음

window.onscroll = function (event) { 
    var offset = window.pageYOffset; 
    var wheight = window.innerHeight; 
    var html = document.documentElement; 
    var docheight = Math.max(document.body.scrollHeight, document.body.offsetHeight, 
    html.clientHeight, html.scrollHeight, html.offsetHeight); 
    var progress = offset/wheight; 
    // HERE'S THE LOG STATEMENT 
    console.log("Progress = " + progress); 
    document.getElementById("SVGID_1_").setAttribute("y1", 93000 + progress * 93000); 
} 

, 귀하의 예제에서 얼굴의 이미지에 크롬이나 파이어 폭스와 마우스 오른쪽 버튼을 클릭을 사용하여 요소를 검사 한 다음 콘솔 탭을 선택 . 또는 Chrome에서 적어도 콘솔로 직접 이동하려면 F12를 누르십시오. 이제 얼굴 이미지를 스크롤하면 진행 상황의 가치를 알 수 있습니다.

질문에 대한 답을 얻은 경우 답변을 수락하십시오.