🌐Outils web & HTTP en ligne
Retrouvez tous les outils web et HTTP pour développeurs : encodage/décodage d'URL, entités HTML, générateur Basic Auth, référence des codes HTTP, types MIME et générateur de sitemap. Des utilitaires gratuits et rapides pour le développement web au quotidien.
Générez l’en-tête HTTP Authorization: Basic à partir d’un identifiant et mot de passe.
Générez l’en-tête HTTP Authorization: Bearer et extrayez un token d’un en-tête.
Exécutez du JavaScript, TypeScript, Python ou PHP et voyez le résultat instantanément, 100 % dans le navigateur.
Générez les nuances (teintes claires et foncées) d’une couleur pour votre palette, dans le navigateur.
Décomposez un en-tête Cookie ou Set-Cookie en paires clé/valeur lisibles.
Générez les en-têtes CORS (Access-Control-Allow-*) pour votre serveur.
Construisez une expression cron à partir d’options simples (fréquence, minute, heure), dans le navigateur.
Construisez une politique de sécurité de contenu (Content-Security-Policy).
Générez du CSS Flexbox visuellement (justify-content, align-items, direction…), dans le navigateur.
Générez du CSS Grid visuellement (colonnes, lignes, espacement), directement dans le navigateur.
Minifiez du CSS (suppression des commentaires et espaces) pour alléger vos fichiers, dans le navigateur.
Calculez la spécificité d’un sélecteur CSS (a,b,c) pour comprendre quelle règle l’emporte, dans le navigateur.
Convertissez des déclarations CSS en classes utilitaires TailwindCSS, avec repli sur les valeurs arbitraires.
Générez une courbe d’accélération CSS cubic-bezier (easing) avec aperçu, dans le navigateur.
Convertissez du texte (HTML, SVG, CSS…) en data URI encodé en base64.
Générez un fichier .dockerignore selon votre type de projet, directement dans le navigateur.
Générez un fichier .editorconfig (indentation, fins de ligne, charset), directement dans le navigateur.
Générez un fichier .gitignore selon votre stack (Node, Python, macOS, IDE…).
Générez du texte avec un dégradé de couleur en CSS (background-clip), avec aperçu, dans le navigateur.
Générez les balises hreflang pour le SEO international (langues, régions, x-default), avec vérification.
Échappez ou restaurez les entités HTML (<, &, "…).
Minifiez du HTML (suppression des espaces et commentaires superflus) pour alléger vos pages, dans le navigateur.
Référence des codes de statut HTTP (200, 301, 404, 500…) avec leur signification.
Générez un balisage JSON-LD (schema.org) pour le SEO : Article, Product, LocalBusiness, dans le navigateur.
Convertissez un objet JSON en query string d’URL et inversement.
Appuyez sur une touche pour obtenir son key, code, keyCode et modificateurs JavaScript.
Générez un fichier LICENSE open source (MIT, Apache-2.0, ISC, BSD) prêt à ajouter à votre projet.
Générez un lien mailto: avec objet, corps, cc et cci pré-remplis, directement dans le navigateur.
Générez des media queries CSS responsive (breakpoints courants), directement dans le navigateur.
Générez les balises meta SEO, Open Graph et Twitter Card pour vos pages.
Trouvez le type MIME d’une extension de fichier et inversement.
Décomposez une URL ou une query string en paires clé/valeur lisibles.
Générez un fichier robots.txt (User-agent, Allow/Disallow, Sitemap) prêt à déployer, dans le navigateur.
Comparez deux versions sémantiques (semver) et voyez laquelle est plus récente, dans le navigateur.
Prévisualisez l’apparence de votre page dans les résultats Google et vérifiez la longueur du titre et de la description.
Générez un sitemap.xml à partir d’une liste d’URLs, directement dans le navigateur.
Validez un sitemap XML : balise urlset, balises loc, et limite de 50 000 URLs.
Transformez un texte en slug d’URL propre (sans accents ni espaces).
Générez l’attribut srcset et sizes d’une image responsive (HTML), directement dans le navigateur.
Nettoyez et minifiez un fichier SVG (commentaires, métadonnées, espaces, décimales) et réduisez son poids.
Générez une image placeholder SVG légère (dimensions, texte, couleurs) en SVG, data-URI ou balise <img>.
Convertissez un code SVG en data URI optimisée (utilisable en CSS ou HTML), dans le navigateur.
Générez les balises meta Twitter/X Card avec aperçu de la carte, pour un partage soigné sur X.
Encodez ou décodez une chaîne pour une URL (percent-encoding).
Décomposez une URL en ses parties : protocole, hôte, port, chemin, query, ancre.
Analysez une chaîne User-Agent : navigateur, moteur, système et type d’appareil, dans le navigateur.
Construisez une URL de campagne avec paramètres UTM (source, medium, campaign…), dans le navigateur.
Générez la balise meta viewport pour le responsive mobile, directement dans le navigateur.
Questions fréquentes
À quoi sert l'encodage d'URL ?
L'encodage d'URL convertit les caractères spéciaux en un format sûr pour les liens et requêtes HTTP, évitant les erreurs dans les paramètres et chemins.
Où trouver la signification des codes HTTP ?
Notre référence des codes HTTP liste chaque statut (200, 301, 404, 500…) avec son sens et son usage, pour déboguer vos API et serveurs.