Chrome 개발 도구를 사용하여 자바 스크립트 앱을 디버깅 중이며 코드를 단계별로 실행하는 동안 일부 변수 값을 변경하고 싶습니다.
그게 가능할까요?
나는 시도하고 다음과 같은 것을 얻었습니다.
> modeline
1
> modeline=0
0 <<< seems to work but...
> modeline
1 <<< ups!!
하지만 무엇을 할 수 있는지 또는 할 수 없는지에 대한 문서를 찾을 수 없습니다.
답변:
당 미카엘 메이어의 대답 이 더 이상 문제가 없다, 내 대답은 사용되지 않습니다 ( go()지금 반환 30콘솔과 일 처리 후). 위의 gabrielmaldi의 의견 에 링크 된 버그 보고서 에 따르면이 문제는 2013 년 7 월에 수정되었습니다 . 내가 여전히 찬성 투표를 받고 있다는 사실이 놀랍습니다. 찬성자가 질문이나 답변을 이해하지 못한다고 생각하게 만듭니다.
나는 역사적인 이유로 여기에 원래 대답을 남겨 둘 것이지만 대신 Mikaël의 대답에 찬성 투표하십시오 .
트릭은 지역 변수를 직접 변경할 수는 없지만 객체의 속성은 수정할 수 있다는 것입니다. 전역 변수의 값을 수정할 수도 있습니다.
var g_n = 0;
function go()
{
var n = 0;
var o = { n: 0 };
return g_n + n + o.n; // breakpoint here
}
콘솔:
> g_n = 10
10
> g_n
10
> n = 10
10
> n
0
> o.n = 10
10
> o.n
10
go()중단 점을 설정하고 콘솔에서 해당 호출을 실행 한 후의 결과를 확인하면 결과 가 0이 아니라 20이라는 것을 알 수 있습니다 (슬프게도 30이 아님).
1기록됩니다. 버그는 무엇입니까? 무엇이 기록 될 것으로 예상 했습니까?
a에서 "범위"패널에서 값 (예 : 42)을 변경 한 다음 다시 시작합니다. 1이 기록됩니다.
이제 크롬 35에서 가능합니다 (2014 년 7 월 11 일 현재). 그래도 어떤 버전이 먼저 허용되었는지 모르겠습니다.
내 컴퓨터에서 @ gilly3 예제를 테스트했으며 작동합니다.
콘솔을 열고 Sources탭 Snippets에서 새 스 니펫을 추가하고 다음 코드를 붙여 넣습니다.
var g_n = 0;
function go()
{
var n = 0;
var o = { n: 0 };
return g_n + n + o.n; // breakpoint here
}
스 니펫 이름을 마우스 오른쪽 버튼으로 클릭하고 '실행'을 클릭합니다 (하지만 함수가 실행되지는 않음).
go()
반환 된 결과 g_n + n + o.n는 30입니다.
그렇지 않은 것 같습니다.
중단 점을 입력하고 중지되면 콘솔로 전환하고 변수를 설정하십시오. 다른 값을 할당해도 오류가 발생하지 않지만 할당 후 읽은 경우 수정되지 않습니다. :-/
Firebug는 그렇게 할 수있는 것 같습니다.
실제로 해결 방법이 있습니다. 전체 메소드를 복사하고 이름을 수정하십시오. 예를 들어 originalName ()을 originalName2 ()로 수정하되 원하는 값을 취하도록 내부 변수를 수정하거나 매개 변수로 전달하십시오.
그런 다음 콘솔에서 직접이 메서드를 호출하면 동일한 기능을 갖지만 변수 값을 수정할 수 있습니다.
메서드가 자동으로 호출되면 대신 콘솔에 입력하십시오.
originalName = null;
function originalName(original params..)
{
alert("modified internals");
add whatever original code you want
}
동일한 문제가 발생하여 'Google 크롬 정보'-> 도움말로 이동하여 최신 업데이트를 받으려면 브라우저를 다시 시작해야한다고 표시했습니다.
이렇게했는데 갑자기 지역 변수를 변경할 수 있습니다. 범위 변수 창에서 편집 할 변수를 클릭하고 새 값을 입력하기 만하면됩니다.
그래도 오른쪽 창 (범위 변수)의 텍스트를 변경하기 전에 관련없는 var 할당을 건너 뛰어야한다는 이상한 점을 발견했습니다.
실행 흐름을 중단하지 않고 코드 블록이 실행될 때마다 값을 수정하려면 다음을 수행하십시오 .
디버거의 "로그 포인트"기능은 중단없이 임의의 값을 콘솔에 기록 할 수 있도록 설계되었습니다. 실행 흐름 내에서 코드를 평가하므로 실제로이를 사용하여 중단없이 즉시 값을 변경할 수 있습니다.
줄 번호를 마우스 오른쪽 버튼으로 클릭하고 "Logpoint"를 선택한 다음 할당 표현식을 입력합니다. 다음과 같이 보입니다.
디버그 라인으로 프로젝트를 다시 빌드 할 필요없이 재현하기 쉽지 않은 상태로 값을 설정하는 데 매우 유용합니다. 완료되면 중단 점을 삭제하는 것을 잊지 마십시오!
modeline에서 오는가?