Clear Browsing Data는 현재 사이트에 대해 캐시, 쿠키, localStorage, sessionStorage 등 특정 유형의 브라우징 데이터를 빠르고 선택적으로 지울 수 있게 해줍니다. 브라우저 설정을 일일이 찾아가지 않고도 원하는 데이터만 선택하여 지울 수 있으며, 제거된 데이터 양을 확인하고 몇 초 만에 깨끗한 테스트 환경을 만들 수 있습니다.
개발자는 개발과 테스트 중에 브라우징 데이터를 자주 지워야 합니다. 로그인 문제가 있으면 쿠키를 지우고, 오래된 CSS가 보이면 캐시를 지우고, 기능 플래그가 고착되면 localStorage를 지웁니다. 하지만 Chrome의 기본 "브라우징 데이터 지우기" 대화상자는 설정 깊숙이 숨어 있고, 모든 사이트에 한 번에 적용되며 여러 번 클릭해야 합니다. DevSuite Pro의 Clear Browsing Data는 개발자를 위해 특별히 만들어졌습니다. 확장 프로그램 팝업에서 열리고, 현재 도메인에 대한 데이터만 보여주며, 정확히 어떤 데이터 유형을 지울지 선택할 수 있습니다. 각 데이터 유형 옆에 개수나 크기("8개의 쿠키", "12개의 키", "2.4 MB 캐시")가 표시되어 무엇을 지우는지 명확히 알 수 있습니다. 한 번 클릭하면 바로 실행되며, 제거된 내용에 대한 즉각적인 확인 메시지가 나타납니다. 다른 사이트의 로그인이나 설정을 실수로 지우는 일 없이 안전하게 사용할 수 있습니다.
개별 체크박스로 정확히 지우고 싶은 데이터 유형을 선택할 수 있습니다: 브라우저 캐시, 쿠키, localStorage, sessionStorage. 하나씩 또는 여러 개를 동시에 지울 수 있으며, 각 체크박스 옆에 제거될 데이터의 개수나 크기가 표시됩니다.
현재 도메인(예: example.com)에 대한 데이터만 지웁니다. 다른 사이트의 로그인, 환경 설정, 저장된 데이터는 전혀 영향을 받지 않습니다. 부작용을 걱정하지 않고 안전하게 사용할 수 있습니다.
현재 사이트에 대해 완전히 새롭게 시작하고 싶을 때 "Clear All" 버튼 하나로 캐시, 쿠키, localStorage, sessionStorage를 모두 한 번에 제거할 수 있습니다. 페이지를 다시 로드하면 깨끗한 테스트 환경이 준비됩니다.
지우기 전에 정확히 얼마나 많은 데이터가 있는지 확인할 수 있습니다: 캐시는 MB 단위, 쿠키는 개수, localStorage/sessionStorage는 키 개수로 표시됩니다. 무엇을 지울지 정보에 기반한 결정을 내릴 수 있습니다.
지운 후에는 어떤 데이터가 제거되었고 얼마나 많은 공간이 확보되었는지 확인 메시지가 나타납니다. 작업이 성공했는지 여부에 대한 모호함이 전혀 없습니다. 결과를 바로 볼 수 있습니다.
DevSuite Pro 팝업에서 바로 사용할 수 있습니다. 별도의 콘텐츠 패널을 열거나 새 페이지를 이동할 필요가 없습니다. 아이콘을 클릭하고 체크박스를 선택한 후 Clear를 누르면 됩니다. "데이터를 지워야겠다"는 생각에서 깨끗한 상태까지 가장 빠른 경로입니다.
로그인이 안 될 때? 세션 쿠키가 만료되었거나 손상되었을 수 있습니다. 현재 사이트의 쿠키만 지우고 새로 로그인해보세요. 다른 사이트의 세션에는 영향을 주지 않습니다.
모든 데이터를 지워 완전히 새로운 방문자처럼 시뮬레이션하세요. 온보딩 흐름, 쿠키 동의 배너, 기본 상태를 첫 방문 사용자와 똑같이 경험할 수 있습니다.
CSS나 JavaScript를 업데이트했는데 여전히 이전 버전이 보이나요? 캐시만 지우고 새로고침하세요. DevTools에서 캐시를 비활성화하거나 하드 리프레시를 할 필요 없이 한 번의 클릭으로 오래된 리소스가 사라집니다.
기능 플래그, A/B 테스트 할당, 사용자 환경 설정은 대개 localStorage에 저장됩니다. 이를 지워 다른 브랜치나 상태를 테스트할 수 있습니다.
데모나 프레젠테이션 전에 사이트의 모든 데이터를 지워 예측 가능한 깨끗한 상태로 로드되게 하세요. 테스트 데이터, 만료된 세션, 남아있는 localStorage 값으로 인한 예상치 못한 동작이 발생하지 않습니다.
DevSuite Pro 팝업을 열고 Clear Browsing Data 아이콘을 클릭하세요. 현재 도메인에 대한 데이터 유형과 개수, 크기가 표시됩니다.
지우고 싶은 데이터 유형의 체크박스를 선택하세요: 캐시, 쿠키, localStorage, sessionStorage. 각각 현재 개수나 크기가 표시됩니다.
"Clear Selected" 버튼(또는 모든 것을 지우려면 "Clear All")을 클릭하세요. 데이터가 즉시 제거됩니다.
성공 메시지가 무엇이 지워졌고 얼마나 많은 데이터가 제거되었는지 알려줍니다. 지워진 유형의 카운트가 0으로 초기화됩니다.
페이지를 새로고침하여 깨끗한 상태로 테스트하세요. 지운 데이터 유형에 대해서는 처음 방문한 것처럼 사이트가 로드됩니다.
DevSuite Pro를 무료로 설치하고 브라우저용 39개 이상의 개발자 도구를 사용해보세요.
