트레이

여섯 가지 도구. 웹의 각 계층마다 하나씩.

모든 패널은 장난감 콘솔이 아닌 진짜입니다. 슬라이딩 트레이에서 열립니다 — peek, half, full — 큼직한 터치 영역과 엄지손가락을 위해 설계된 제스처로.

01

Elements

탭하여 어떤 노드든 선택하세요. DOM 트리, CSS 캐스케이드, 그리고 페이지 위에 실제 캘리퍼로 표시되는 박스 모델까지.

tap-to-inspectbox model실시간 편집

02

Console

페이지 위에서 동작하는 완전한 REPL: JS를 평가하고, console.*를 레벨과 스택 트레이스와 함께 포착하며, 잡음을 걸러냅니다.

evalstack traces필터

03

Network

모든 요청을 터치 워터폴에서. 헤더, 페이로드, 그리고 응답 본문까지. 요청을 다시 보내고 HAR로 내보내세요.

waterfall재전송HAR

04

Storage

Cookies(httpOnly 포함), localStorage, sessionStorage, IndexedDB, 그리고 캐시까지. 도메인별로 읽고, 편집하고, 삭제하세요.

cookiesindexeddb도메인별

05

Memory

heap 스냅샷, 내비게이션 간 누수 감지, 그리고 성능 타임라인. 무엇이 남아 있는지 밝혀내세요.

heap snapshotleakstimeline

06

Sources

하이라이팅과 함께 소스 코드를 보고, 압축된 코드를 읽기 좋게 정돈하며, 리소스를 오버라이드하여 서버를 건드리지 않고 변경을 테스트하세요.

소스 보기pretty-printoverrides

현장에서

오늘날 아직도 노트북이 필요한 네 가지.

A

그 912ms짜리 요청

워터폴을 열고, 소요 시간순으로 정렬하면 /api/cart가 체크아웃을 막고 있는 것이 보입니다. 헤더를 복사하고 넘어가세요.

B

보면 안 될 cookie

JavaScript가 접근할 수 없는 세션 httpOnly cookie를 읽고, SameSite를 확인한 뒤, 편집하여 버그를 재현하세요.

C

잘못된 문구, 실시간으로

손가락으로 노드를 선택하고, 트리에서 내용과 스타일을 바꾼 뒤, 에디터를 열기 전에 수정 결과를 확인하세요.

D

모바일에서만 발생하는 버그

콘솔이 TypeError를 전체 스택과 함께 포착합니다 — 데스크톱 시뮬레이터에서는 결코 재현되지 않던 그 버그를.

진짜 정확성

주입된 가짜 콘솔이 아닙니다.

Android에서 Scalpel은 데스크톱 Chrome이 사용하는 것과 동일한 계측 프로토콜에 연결됩니다 — 실제 응답 본문, 실제 heap, 실제 프로파일러. iPhone과 iPad에서는 정밀 검사 에이전트가 DOM, 콘솔, 네트워크, 스토리지의 동등한 수준을 제공합니다.

가격

전문가용 도구. 일 년에 한 번, 한 번의 가격.

Scalpel Pro

9.99유로/ 년

처음 30일은 전체 기능을 무료로. 시작할 때 카드가 필요 없습니다.

여섯 가지 도구 모두, 제한 없이
응답 본문, HAR, 그리고 요청 재전송
httpOnly cookies, IndexedDB, 그리고 리소스 오버라이드
heap 스냅샷과 성능 타임라인
iPhone, iPad, Android를 하나의 구독으로

App Store와 Google Play에 곧 출시

다운로드 시 30일 체험 · 이후 연 9.99유로로 갱신 · 언제든지 취소 가능

친구 3명이 당신의 코드로 구독했나요? 다음 갱신이 연 6.99유로로 내려갑니다.

어떤 웹사이트든 해부하세요. 휴대폰에서.