**Dépôt GitHub** : https://github.com/goddivor/show-xhr-url
Cette extension Chrome liste toutes les requêtes XHR du navigateur, triées par type (GET, POST, PUT, DELETE, etc.), et fournit une interface popup pour visualiser et filtrer ces appels en temps réel.📁 .
│ 📁 public
│ │ 📁 icons
│ │ │ 📄 Icon OR.png
│ │ │ 📄 icon128.png
│ │ │ 📄 icon16.png
│ │ │ 📄 icon48.png
│ │ 📄 vite.svg
│ 📁 src
│ │ 📁 background
│ │ │ 📄 index.ts
│ │ 📁 content
│ │ │ 📄 index.ts
│ │ 📁 popup
│ │ │ 📄 index.html
│ │ │ 📄 index.ts
│ │ 📁 types
│ │ │ 📄 axios.d.ts
│ │ 📁 utils
│ │ │ 📄 browser.ts
│ │ │ 📄 cookies.ts
│ │ │ 📄 index.ts
│ │ 📄 counter.ts
│ │ 📄 main.ts
│ │ 📄 style.css
│ │ 📄 typescript.svg
│ │ 📄 vite-env.d.ts
│ 📄 .gitignore
│ 📄 .hintrc
│ 📄 index.html
│ 📄 manifest.json
│ 📄 package-lock.json
│ 📄 package.json
│ 📄 README.md
│ 📄 tsconfig.json
│ 📄 vite.config.ts
- Node.js (>= 14)
- npm (>= 6)
- N'importe quel navigateur
- Cloner le dépôt :
git clone https://github.com/goddivor/show-xhr-url.git
cd show-xhr-url
- Renommer le fichier .env.example en .env et le replir comme suit :
VITE_CHATGPT_API_KEY=Votre Clé API ChatGpt
VITE_CHATGPT_SPECIAL_PROMPT=Votre Prompt pour stringified le Json
VITE_OPENAI_API_URL=L'Url de l'API de OpenAI
VITE_OPENAI_MODEL=Le type de model
VITE_OPENAI_MAX_TOKENS=Token maximal
VITE_OPENAI_TEMPERATURE=Température
-
Installer les dépendances :
npm install
Pour lancer l’extension en mode développeur avec rechargement à chaud :
npm run devLe dossier dist/ sera mis à jour automatiquement à chaque modification.
Pour générer la version de production :
npm run buildLes fichiers optimisés seront disponibles dans dist/.
- Ouvrez
chrome://extensions/dans votre navigateur. - Activez le Mode développeur en haut à droite.
- Cliquez sur Charger l’extension non empaquetée.
- Sélectionnez le dossier
dist/. - Vérifiez que l’icône et la popup fonctionnent correctement.
Les contributions sont les bienvenues ! Ouvrez une issue ou soumettez un pull request.
Développé avec ❤️ par l’équipe XHR Request Monitor Mdr 😂.