JavaScript 디버거의 변수 섹션에는 디버깅 실행이 일시 중지된 지점에서 변수의 현재 값이 표시됩니다. 필요한 경우 변수 값을 변경할 수 있습니다.

변수 섹션에는 다음 탭이 포함되어 있습니다.

범위 탭에는 보거나 디버깅 중인 스택 프레임의 상태와 코드의 해당 섹션에 선언된 알려진 변수가 표시됩니다. 변수 이름은 파란색 텍스트로 표시되고 그 뒤에 콜론 구분 기호와 변수 값이 차례로 표시됩니다.

범위 변수는 코드를 단계별로 실행하거나 터미널 탭에서 변경하는 등 시스템에 변경 사항이 있을 때 업데이트됩니다. 코드를 단계별로 실행하는 방법에 대한 자세한 내용은 디버거 도구 모음을 참조하십시오.

조사식 탭을 사용하면 코드를 디버깅할 때 모니터링할 변수를 선언할 수 있습니다. 편집 모드와 디버그 모드 모두에서 조사할 변수를 정의할 수 있습니다.

편집 모드에서 조사할 변수를 정의하면 해당 값은 비어 있는 상태로 나타납니다. 코드를 단계별로 실행하거나 터미널 탭에서 변경 사항을 적용하면 조사하도록 설정한 변수가 업데이트됩니다.

조사식 탭은 다음으로 구성됩니다.

조사할 새 변수를 추가하려면 다음 단계를 수행하십시오.

변수가 조사식 목록에 추가됩니다.

터미널 탭은 디버그 셸처럼 작동합니다. 변수를 표시하고 런타임에 해당 값을 설정할 수 있습니다. 문자열, 숫자, 부울 값과 같은 기본 값만 업데이트할 수 있습니다. JavaScript 조건 또는 식을 실행하고 터미널 탭에서 결과를 볼 수 있습니다. 조사하도록 설정된 변수와 달리, 식은 한 번 실행되며 서비스를 디버깅할 때 업데이트되지 않습니다. 식은 사용자 이름과 함께 저장됩니다. 도구 모음을 사용하여 모든 식을 지울 수 있습니다.