Une trousse de terrain pour le web

Disséquez n'importe quel site. Depuis votre mobile.

Les DevTools du bureau, repensés pour le pouce. Inspectez le DOM, lisez chaque requête, éditez en direct et traquez le bug — sans câble, sans ordinateur portable.

Essai complet de 30 jours · ensuite 5,99 €/an · iPhone · iPad · Android

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

Le plateau

Sept instruments. Un pour chaque couche du web.

Chaque panneau est le vrai, pas une console jouet. Ils s'ouvrent depuis un plateau coulissant — aperçu, moitié, plein — avec de grandes cibles tactiles et des gestes pensés pour le pouce.

01

Elements

Touchez pour sélectionner n'importe quel nœud. Arbre DOM, cascade CSS et le modèle de boîte avec de vrais calibres. Écouteurs d'événements par nœud, recherche dans l'arbre, édition en HTML et ajout d'attributs.

tap-to-inspectbox modellistenersédition en direct
02

Console

Un REPL complet sur la page : évaluez du JS, capturez console.* avec niveaux et traces de pile, et filtrez le bruit. Rend console.table et les groupes, avec autocomplétion en direct sur la page.

evalconsole.tableautocomplétion
03

Network

Chaque requête dans un waterfall tactile avec timing réel DNS/TLS/TTFB (Android) et initiateur. En-têtes, payload et corps de réponse. Bloquez des requêtes, naviguez sans cache, suivez les WebSockets en direct, rejouez les requêtes et exportez en HAR.

waterfallblocageWebSocketHAR
04

Storage

Cookies avec tous leurs attributs (expires, SameSite, Secure, httpOnly), localStorage, sessionStorage, IndexedDB (bases → stores → enregistrements) et cache. Lisez, éditez et supprimez par domaine.

cookiesindexeddbpar domaine
05

Memory

Consommation mémoire et taille réelle du heap sur Android ; sur iOS, une estimation signalée comme telle. Prenez une mesure et voyez ce qui grandit entre les navigations.

heap réel (Android)estimation (iOS)
06

Sources

Affichez le code source avec coloration, mettez en forme le code minifié pour le rendre lisible, et remplacez des ressources pour tester des changements sans toucher au serveur.

voir la sourcepretty-printoverrides
07

Page

Audit en un tap : un score couvrant SEO, sécurité (en-têtes CSP/HSTS réels), Core Web Vitals et accessibilité. Exportable en Markdown.

SEOsécuritéCore Web Vitalsexport

L'intercepteur

De l'observateur au banc d'essai.

Modifiez requêtes et réponses à la volée — sans proxy ni certificats, directement depuis le navigateur. Sur Android, il intercepte toutes les requêtes, pas seulement fetch/XHR.

01

Points d'arrêt

Mettez une requête en pause avant l'envoi, ou avant que sa réponse n'atteigne la page. Modifiez méthode, URL, en-têtes, corps ou statut, puis continuez — ou abandonnez-la. Une reprise automatique de sécurité évite que la page ne se fige.

breakpointreq / resabort
02

Map local

Répondez à un endpoint avec un corps local — statut, en-têtes et corps — sans toucher au réseau. Idéal pour simuler des états d'erreur ou des réponses qui n'existent pas encore.

Map localmock
03

Map remote · Rediriger

Réécrivez l'URL de destination vers un autre serveur : staging, un mock ou votre propre machine.

Map remotestaging
04

Réécriture + scripting

Find/replace dans les en-têtes et le corps par règle déclarative, ou une fonction JS (req)=>req / (res)=>res pour des transformations sur mesure.

find/replaceJS hook
05

Composer des requêtes

Construisez une requête de zéro — méthode, URL, en-têtes et corps — et envoyez-la. La réponse s'affiche avec un arbre JSON navigable, une vue GraphQL et un aperçu des images.

composeGraphQLJSON

Le poste de travail

Plus qu'inspecter : construire et déboguer.

Le navigateur qui est déjà votre banc d'essai devient votre poste de travail API et PWA : composez des requêtes, enregistrez des réponses et déboguez des service workers sans quitter le mobile.

01

Local Overrides

Enregistrez la réponse de n'importe quelle requête et servez-la en local, persistante d'un rechargement et d'une navigation à l'autre. Testez des états qui n'existent pas encore sans toucher au serveur.

overridespersistente
02

Collections de requêtes

Enregistrez et organisez vos requêtes dans des dossiers, avec variables et environnements, authentification Bearer ou Basic et pre-request scripts. Envoyez et explorez la réponse via un arbre JSON, GraphQL et un aperçu des images.

coleccionesentornosauth
03

Espace de travail portable

Exportez et importez toute votre configuration de débogage — règles d'interception, blocages, snippets, collections et environnements — dans un seul fichier. Partagez votre configuration ou emportez-la sur un autre appareil.

exportimport
04

Application panel

Inspectez les Service Workers (état, désinscription, mise à jour), le Cache Storage (caches et entrées, suppression) et le Web App Manifest avec son contrôle d'installabilité. Déboguez de vraies PWA.

Service WorkersCacheManifest
05

Prebid

Voyez l'enchère header bidding sur le vrai téléphone, sans câble : emplacements, quels bidders ont répondu et lesquels ont expiré, CPM gagnants et un graphique de toute l'enchère. N'apparaît que sur les pages qui utilisent Prebid.

ad unitsbidderstimelineUser IDs
06

Glossaire

Ce que fait chaque bouton, icône et panneau, expliqué simplement et avec recherche. Parce que les DevTools ne devraient pas exiger de connaître déjà les DevTools.

9 languesrecherche

Sur le terrain

Quatre choses qui exigent encore un ordinateur portable aujourd'hui.

A

Cette requête de 912 ms

Vous ouvrez le waterfall, triez par durée et voyez que /api/cart bloque le checkout. Vous copiez l'en-tête et vous continuez.

B

Le cookie que vous ne devriez pas voir

Vous lisez un cookie de session httpOnly que JavaScript n'atteint pas, vous vérifiez SameSite et vous l'éditez pour reproduire le bug.

C

Le mauvais texte, en direct

Vous sélectionnez le nœud du doigt, changez le contenu et le style dans l'arbre, et vérifiez le correctif avant d'ouvrir l'éditeur.

D

Le bug qui n'arrive que sur mobile

La console capture le TypeError avec sa pile complète — celui que vous ne reproduisez jamais dans le simulateur de bureau.

Fidélité réelle

Ce n'est pas une fausse console injectée.

Sur Android, Scalpel se connecte au même protocole d'instrumentation que Chrome de bureau — corps de réponse réels, heap réel, throttling réseau réel. Sur iPhone et iPad, un agent d'inspection de précision vous offre la parité de DOM, console, réseau et stockage.

Tarif

Un outil professionnel. Un prix, une fois par an.

Scalpel Pro
5,99 €/ an

Les 30 premiers jours, complet et gratuit. Sans carte pour commencer.

  • Les sept instruments, sans limites
  • Corps de réponse, HAR et rejeu des requêtes
  • Cookies httpOnly, IndexedDB et remplacements de ressources
  • Mesures mémoire et audits de page en un tap
  • iPhone, iPad et Android avec un seul abonnement

Bientôt sur l'App Store et Google Play

Essai de 30 jours au téléchargement · se renouvelle à 5,99 €/an · résiliable à tout moment

3 amis abonnés avec ton code ? Ta prochaine reconduction passe à 3,99 €/an.