2013-07-16 5 views
14

JavaScript를 테스트하기 위해 Plunker (http://plnkr.co/)를 사용하고 있습니다. 브라우저 콘솔에서 스크립트에서 정의한 변수에 액세스하려고합니다.Plunker 사용, 브라우저 콘솔에서 변수에 액세스하는 방법

Plunker에서 브라우저 콘솔에서 변수 "someValue"에 액세스하는 방법을 알려줄 수 있습니까?

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
    <title></title> 
</head> 
<body> 
    <script type="text/javascript"> 
     var someValue = 3 
     console.log(someValue); 
    </script> 
</body> 
</html> 

답변

28

하나의 가능한 해결책을 찾았습니다. 개발자 콘솔의 하단에있는 Chrome의 개발자 도구에서 '상단 프레임'을 'run.plnkr.co'(아래 이미지 참조)로 변경할 수 있습니다. 그러면 콘솔의 범위가 변경되고 스크립트의 변수에 액세스 할 수 있습니다. Access variables in jsFiddle from Javascript console?

+5

문제는 미리보기 새로 고침 할 때 "상단 프레임 '에 밀려 수 있다는 것입니다. 따라서로드 된 콘솔에 기록 된 내용은 누락됩니다. –

2

스코프와 모든 디버깅 별도의 창을 저를 도왔 사용하여 콘솔을 표시 http://jsbin.com/를 사용할 수 있습니다

Plunker in Google Chrome

여기 jsFiddle에 대한 대답입니다.

은 다음과 같이 수행 한 다음 console.debug(variable)를 사용하는 F12

expand to a seperate window