JavaScript 디버거를 사용하면 변수의 현재 상태를 검사하고 필요한 경우 해당 값을 변경할 수 있습니다. JavaScript 디버거의 변수 섹션은 실행이 일시 중지된 지점에서 변수의 현재 값을 표시합니다.

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

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

범위 변수는 코드를 단계별로 실행하거나 터미널 탭에서 변경하는 등 시스템에 변경 사항이 있을 때 업데이트됩니다.

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

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

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

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

새 변수가 목록에 추가됩니다.

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