이 가이드에서는 Chrome DevTools를 사용하여 sessionStorage
키-값 쌍을 보고, 수정하고, 삭제하는 방법을 설명합니다. 페이지 세션이 종료되면 세션 저장소가 삭제됩니다.
sessionStorage
개의 키 및 값 보기
검사하려는 웹사이트에서 DevTools를 엽니다.
Application > Storage로 이동하여 Session Storage를 펼칩니다. 키-값 쌍을 보려면 도메인을 클릭하세요.
표 아래의 값을 미리 보려면 쌍을 선택하세요.
키-값 쌍을 수동으로 새로고침하려면 상단의 작업 표시줄에서 새로고침 새로고침을 클릭합니다.
키-값 쌍 필터링
필요한 키-값 쌍을 빠르게 찾으려면 상단의 필터 상자에 키 또는 값에 포함된 문자열을 입력합니다.
새 sessionStorage
키-값 쌍 만들기
- 도메인의
sessionStorage
키-값 쌍을 봅니다. 예를 들어 이 데모 페이지를 참조하세요. - 표의 빈 부분을 더블클릭합니다. DevTools가 새 행을 만들고 커서를 키 열에 포커스합니다.
- 새 키-값 쌍을 입력합니다.
sessionStorage
키 또는 값 수정
- 도메인의
sessionStorage
키-값 쌍을 봅니다. 예를 들어 이 데모 페이지를 참조하세요. - 키 또는 값 열의 셀을 더블클릭하여 키 또는 값을 수정합니다.
- 적용하려면 페이지를 새로고침하세요.
키-값 쌍 sessionStorage
개 삭제
- 도메인의
sessionStorage
키-값 쌍을 봅니다. 예를 들어 이 데모 페이지를 참조하세요. - 키-값 쌍을 클릭하여 선택합니다.
- 상단의 작업 표시줄에서 삭제를 클릭하여 선택한 쌍을 삭제합니다.
- 또는 Clear all을 클릭하여 모든 쌍을 삭제합니다.
콘솔에서 sessionStorage
와 상호작용
JavaScript를 Console에서 실행할 수 있고 Console이 페이지의 JavaScript 컨텍스트에 액세스할 수 있으므로 Console에서 sessionStorage
와 상호작용할 수 있습니다.
- DevTools에서 콘솔을 엽니다.
- 현재 페이지가 아닌 도메인의
sessionStorage
키-값 쌍에 액세스하려면 상단 작업 모음의 컨텍스트 드롭다운 메뉴에서 필요한 JavaScript 컨텍스트를 선택합니다. - JavaScript에서와 마찬가지로 콘솔에서
sessionStorage
표현식을 실행합니다.