jquery.app
Francais
EnglishDeutschFrancaisEspanol日本語Nederlands

Outils HTML

Gratuit Testeur URLPattern

Testez des motifs d'URL avec l'API URLPattern — groupes nommes, wildcards et correspondance regex sans analyse manuelle.

Chargement de l'outil...

Qu'est-ce que Testeur URLPattern ?

URLPattern est une API de correspondance d'URL declarative avec groupes nommes, jokers et contraintes regex. Elle gere automatiquement l'encodage URL.

Réponse rapide

Correspondance d'URL declarative avec /books/:id. Chrome 95+, Safari 15.4+, Firefox 115+.

Last updated: 2026-05-31

Limites

  • Support recent de Firefox.
  • Plus lent que les operations de chaine.
  • Pas de correspondance inverse.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Comment utiliser cet outil

  1. Entrez un motif avec :param, *, /:param?.
  2. Ajoutez des URL de test.
  3. Examinez les correspondances et parametres.
  4. Copiez le code JavaScript genere.

A quoi il sert

  • Routage cote client SPA.
  • Validation d'URL dans les service workers.
  • Test de restructuration d'URL.

Cas d'usage

Exemples concrets

Exemple

Correspondance de route SPA

/blog/:slug extrait {slug} de /blog/hello-world.

Exemple

Routage de cache service worker

URLPattern pour la mise en cache selective dans fetch.

Erreurs frequentes

  • Oublier la correspondance sur l'URL complete.
  • Supposer les groupes toujours presents.
  • Utiliser URLPattern pour des verifications simples.

Vérification

  1. Testez new URLPattern(...).exec(...) dans la console.
  2. Testez les cas limites.

FAQ

Questions sur Testeur URLPattern

Difference avec regex?

Declaratif, lisible, gere l'encodage URL.

Correspondance requete/hash?

Oui, avec { search: 'q=:query' }.

Fonctionne dans Node.js?

Natif dans Node.js 21+ ou via polyfill.

Regex dans les groupes?

Oui : /users/:id(\d+).

Outils lies

Autres outils outils html

A essayer aussi

A essayer aussi