Un kit da campo per il web

Disseziona qualsiasi sito web. Dal telefono.

I DevTools del desktop, ricostruiti per il pollice. Ispeziona il DOM, leggi ogni request, modifica dal vivo e stana il bug — senza cavo, senza portatile.

Prova completa di 30 giorni · poi 5,99 €/anno · iPhone · iPad · Android

Network.getResponseBody · corpo completo
heap +12.4 MB dopo la route
shop.acme.io/checkout
ElementsNetworkConsoleStorageMemory
checkout.js120
stripe.js88
/api/cart912
hero.avif210
Uncaught TypeError: cart.total is undefined
3 cookies senza SameSite
DOMContentLoaded 1.42 s

Il vassoio

Sette strumenti. Uno per ogni strato del web.

Ogni pannello è quello vero, non una console giocattolo. Si aprono da un vassoio scorrevole — peek, metà, completo — con aree tattili grandi e gesti pensati per il pollice.

01

Elements

Tocca per selezionare qualsiasi nodo. Albero DOM, cascata CSS e il box model con calibri reali. Event listener per nodo, ricerca nell'albero, modifica come HTML e aggiunta di attributi.

tap-to-inspectbox modellistenersmodifica dal vivo
02

Console

Un REPL completo sopra la pagina: valuta JS, cattura console.* con livelli e stack traces, e filtra il rumore. Renderizza console.table e i gruppi, con autocompletamento dal vivo sulla pagina.

evalconsole.tableautocompletamento
03

Network

Ogni request in un waterfall tattile con timing reale DNS/TLS/TTFB (Android) e initiator. Header, payload e corpo della risposta. Blocca le request, naviga senza cache, segui i WebSocket dal vivo, riemetti le richieste ed esporta HAR.

waterfallbloccoWebSocketHAR
04

Storage

Cookies con tutti gli attributi (expires, SameSite, Secure, httpOnly), localStorage, sessionStorage, IndexedDB (database → store → record) e cache. Leggi, modifica ed elimina per dominio.

cookiesindexeddbper dominio
05

Memory

Consumo di memoria e dimensione reale dell'heap su Android; su iOS una stima segnalata come tale. Prendi una misura e osserva cosa cresce tra le navigazioni.

heap reale (Android)stima (iOS)
06

Sources

Visualizza il codice sorgente con evidenziazione, formatta il minificato in leggibile e sovrascrivi le risorse per testare modifiche senza toccare il server.

vedi sorgentepretty-printoverrides
07

Pagina

Audit con un tocco: un punteggio su SEO, sicurezza (header CSP/HSTS reali), Core Web Vitals e accessibilità. Esportabile in Markdown.

SEOsicurezzaCore Web Vitalsesporta

L'intercettore

Dall'osservatore al banco di prova.

Modifica request e response al volo — senza proxy né certificati, direttamente dal browser. Su Android intercetta ogni request, non solo fetch/XHR.

01

Breakpoint

Metti in pausa una request prima dell'invio, o prima che la risposta raggiunga la pagina. Modifica metodo, URL, header, corpo o status, poi continua — o annullala. Un auto-continue di sicurezza fa sì che la pagina non si blocchi mai.

breakpointreq / resabort
02

Map local

Rispondi a un endpoint con un corpo locale — status, header e corpo — senza toccare la rete. Ideale per simulare stati di errore o risposte che ancora non esistono.

Map localmock
03

Map remote · Reindirizza

Riscrivi l'URL di destinazione verso un altro server: staging, un mock o la tua macchina.

Map remotestaging
04

Riscrittura + scripting

Find/replace in header e corpo con una regola dichiarativa, o una funzione JS (req)=>req / (res)=>res per trasformazioni su misura.

find/replaceJS hook
05

Componi request

Costruisci una request da zero — metodo, URL, header e corpo — e inviala. La risposta si apre con un albero JSON navigabile, una vista GraphQL e l'anteprima delle immagini.

composeGraphQLJSON

Il banco di lavoro

Più che ispezionare: costruire e fare debug.

Lo stesso browser che è già il tuo banco di prova diventa il banco di lavoro per API e PWA: componi request, salva risposte e fai il debug dei service worker senza uscire dal telefono.

01

Local Overrides

Salva la risposta di qualsiasi request e servila in locale, persistente tra ricariche e navigazioni. Prova stati che ancora non esistono senza toccare il server.

overridespersistente
02

Collezioni di request

Salva e organizza le request in cartelle, con variabili e ambienti, autenticazione Bearer o Basic e pre-request script. Invia ed esplora la risposta con albero JSON, GraphQL e anteprima delle immagini.

coleccionesentornosauth
03

Workspace portatile

Esporta e importa tutta la tua configurazione di debug — regole di intercettazione, blocchi, snippet, collezioni e ambienti — in un unico file. Condividi il tuo setup o portalo su un altro dispositivo.

exportimport
04

Application panel

Ispeziona i Service Worker (stato, annulla registrazione, aggiorna), la Cache Storage (cache e voci, elimina) e il Web App Manifest con il suo controllo di installabilità. Fai il debug di PWA vere.

Service WorkersCacheManifest
05

Prebid

Guarda l'asta di header bidding sul telefono vero, senza cavo: ad unit, quali bidder hanno risposto e quali sono andati in timeout, CPM vincenti e un grafico a barre dell'intera asta. Compare solo nelle pagine che usano Prebid.

ad unitsbidderstimelineUser IDs
06

Glossario

Cosa fa ogni pulsante, icona e pannello, spiegato in modo semplice e ricercabile. Perché i DevTools non dovrebbero richiedere di conoscere già i DevTools.

9 linguericercabile

Sul campo

Quattro cose che oggi richiedono ancora un portatile.

A

Quella request da 912 ms

Apri il waterfall, ordini per durata e vedi che /api/cart blocca il checkout. Copi l'header e vai avanti.

B

Il cookie che non dovresti vedere

Leggi un cookie httpOnly di sessione che JavaScript non raggiunge, controlli SameSite e lo modifichi per riprodurre il bug.

C

Il testo sbagliato, dal vivo

Selezioni il nodo con il dito, cambi contenuto e stile nell'albero e verifichi il fix prima di aprire l'editor.

D

Il bug che succede solo su mobile

La console cattura il TypeError con il suo stack completo — quello che non riproduci mai nel simulatore desktop.

Fedeltà reale

Non è una finta console iniettata.

Su Android, Scalpel si connette allo stesso protocollo di strumentazione che usa Chrome desktop — corpi di risposta reali, heap reale, throttling di rete reale. Su iPhone e iPad, un agente di ispezione di precisione ti offre parità di DOM, console, rete e storage.

Prezzo

Uno strumento professionale. Un prezzo, una volta all'anno.

Scalpel Pro
5,99 €/ anno

I primi 30 giorni, completa e gratis. Nessuna carta per iniziare.

  • Tutti e sette gli strumenti, senza limiti
  • Corpi di risposta, HAR e replay delle request
  • Cookies httpOnly, IndexedDB e override delle risorse
  • Misure di memoria e audit di pagina con un tocco
  • iPhone, iPad e Android con un solo abbonamento

Presto sull'App Store e su Google Play

Prova di 30 giorni al download · si rinnova a 5,99 €/anno · cancella quando vuoi

3 amici abbonati con il tuo codice? Il tuo prossimo rinnovo scende a 3,99 €/anno.