Elements
탭하여 어떤 노드든 선택하세요. DOM 트리, CSS 캐스케이드, 실제 캘리퍼로 표시되는 박스 모델. 노드별 이벤트 리스너, 트리 검색, HTML로 편집, 속성 추가까지.
엄지손가락에 맞게 재구성한 데스크톱 DevTools. DOM을 검사하고, 모든 요청을 읽고, 실시간으로 편집하고, 버그를 추적하세요 — 케이블도, 노트북도 필요 없습니다.
30일 전체 체험 · 이후 연 5.99유로 · iPhone · iPad · Android
트레이
모든 패널은 장난감 콘솔이 아닌 진짜입니다. 슬라이딩 트레이에서 열립니다 — peek, half, full — 큼직한 터치 영역과 엄지손가락을 위해 설계된 제스처로.
탭하여 어떤 노드든 선택하세요. DOM 트리, CSS 캐스케이드, 실제 캘리퍼로 표시되는 박스 모델. 노드별 이벤트 리스너, 트리 검색, HTML로 편집, 속성 추가까지.
페이지 위에서 동작하는 완전한 REPL: JS를 평가하고, console.*를 레벨과 스택 트레이스와 함께 포착하며, 잡음을 걸러냅니다. console.table와 그룹을 렌더링하고, 페이지에 대해 실시간으로 자동완성합니다.
모든 요청을 실제 DNS/TLS/TTFB 타이밍(Android)과 initiator가 포함된 터치 워터폴에서. 헤더, 페이로드, 그리고 응답 본문까지. 요청 차단, 캐시 없이 탐색, WebSocket 실시간 추적, 요청 재전송, HAR 내보내기.
모든 속성을 갖춘 Cookies(expires, SameSite, Secure, httpOnly), localStorage, sessionStorage, IndexedDB(데이터베이스 → 스토어 → 레코드), 그리고 캐시까지. 도메인별로 읽고, 편집하고, 삭제하세요.
메모리 사용량과 Android에서의 실제 heap 크기; iOS에서는 안내와 함께 제공되는 추정값. 한 번 측정해 두고, 내비게이션 사이에 무엇이 늘어나는지 확인하세요.
하이라이팅과 함께 소스 코드를 보고, 압축된 코드를 읽기 좋게 정돈하며, 리소스를 오버라이드하여 서버를 건드리지 않고 변경을 테스트하세요.
한 번의 탭으로 감사: SEO, 보안(실제 CSP/HSTS 헤더), Core Web Vitals, 접근성 전반의 점수. Markdown으로 내보낼 수 있습니다.
인터셉터
브라우저에서 곧바로 요청과 응답을 실시간으로 수정하세요 — 프록시도, 인증서도 필요 없습니다. Android에서는 fetch/XHR뿐 아니라 모든 요청을 가로챕니다.
요청을 보내기 전에, 또는 응답이 페이지에 도달하기 전에 일시 정지하세요. 메서드, URL, 헤더, 본문, 상태 코드를 편집한 뒤 계속하거나 — 중단하세요. 안전을 위한 자동 계속 기능으로 페이지가 멈추는 일은 없습니다.
네트워크를 건드리지 않고 로컬 본문 — 상태 코드, 헤더, 본문 — 으로 엔드포인트에 응답합니다. 오류 상태나 아직 존재하지 않는 응답을 시뮬레이션하기에 안성맞춤입니다.
대상 URL을 다른 서버로 다시 씁니다: 스테이징, 목(mock), 또는 당신의 컴퓨터로.
선언적 규칙으로 헤더와 본문을 찾기/바꾸기 하거나, JS 함수 (req)=>req / (res)=>res 로 원하는 대로 변환하세요.
메서드, URL, 헤더, 본문을 처음부터 구성해 요청을 보내세요. 응답은 탐색 가능한 JSON 트리, GraphQL 뷰, 이미지 미리보기로 표시됩니다.
작업대
이미 시험대인 그 브라우저가 API와 PWA 작업대가 됩니다. 요청을 만들고, 응답을 저장하고, service worker를 디버깅하세요 — 휴대폰을 벗어나지 않고.
어떤 요청의 응답이든 저장해 로컬에서 제공하며, 새로고침과 화면 이동 사이에도 유지됩니다. 서버를 건드리지 않고 아직 존재하지 않는 상태를 테스트하세요.
요청을 폴더로 저장하고 정리하세요. 변수와 환경, Bearer 또는 Basic 인증, pre-request 스크립트를 지원합니다. 요청을 보내고 JSON 트리, GraphQL, 이미지 미리보기로 응답을 살펴보세요.
가로채기 규칙, 차단, 스니펫, 컬렉션, 환경 등 디버깅 설정 전체를 하나의 파일로 내보내고 가져오세요. 설정을 공유하거나 다른 기기로 옮길 수 있습니다.
Service Workers(상태, 등록 해제, 업데이트), Cache Storage(캐시와 항목, 삭제), 그리고 설치 가능성 검사를 포함한 Web App Manifest를 살펴보세요. 진짜 PWA를 디버깅하세요.
실제 휴대폰에서 헤더 비딩 입찰을 확인하세요. 케이블 없이: 광고 단위, 응답한 입찰자와 시간 초과된 입찰자, 낙찰 CPM, 그리고 입찰 전체의 막대 그래프. Prebid를 사용하는 페이지에서만 나타납니다.
모든 버튼, 아이콘, 패널이 무엇을 하는지 쉬운 말로 설명하고 검색할 수 있습니다. DevTools를 쓰는 데 DevTools를 이미 알아야 할 이유는 없으니까요.
현장에서
워터폴을 열고, 소요 시간순으로 정렬하면 /api/cart가 체크아웃을 막고 있는 것이 보입니다. 헤더를 복사하고 넘어가세요.
JavaScript가 접근할 수 없는 세션 httpOnly cookie를 읽고, SameSite를 확인한 뒤, 편집하여 버그를 재현하세요.
손가락으로 노드를 선택하고, 트리에서 내용과 스타일을 바꾼 뒤, 에디터를 열기 전에 수정 결과를 확인하세요.
콘솔이 TypeError를 전체 스택과 함께 포착합니다 — 데스크톱 시뮬레이터에서는 결코 재현되지 않던 그 버그를.
진짜 정확성
Android에서 Scalpel은 데스크톱 Chrome이 사용하는 것과 동일한 계측 프로토콜에 연결됩니다 — 실제 응답 본문, 실제 heap, 실제 네트워크 스로틀링. iPhone과 iPad에서는 정밀 검사 에이전트가 DOM, 콘솔, 네트워크, 스토리지의 동등한 수준을 제공합니다.
가격
처음 30일은 전체 기능을 무료로. 시작할 때 카드가 필요 없습니다.
App Store와 Google Play에 곧 출시
다운로드 시 30일 체험 · 이후 연 5.99유로로 갱신 · 언제든지 취소 가능
친구 3명이 당신의 코드로 구독했나요? 다음 갱신이 연 3.99유로로 내려갑니다.