Skip to content
IframeViewer

Iframe Viewer : vérifiez si une URL se charge dans une iframe

Collez une URL pour l'afficher dans une vraie iframe, détecter le blocage X-Frame-Options / CSP frame-ancestors et la prévisualiser aux tailles d'appareils. Rien n'est envoyé à un serveur.

about:blank
Saisissez une URL ci-dessus pour l'afficher ici
  • Rien n'est envoyé à un serveur
  • Tests sandbox et permissions
  • 10 appareils + mode comparaison

Fonctionnement

Comment fonctionne la détection

Les navigateurs cachent pourquoi un cadre d'une autre origine a échoué ; le résultat combine des vérifications déterministes et les signaux du navigateur, en indiquant toujours lequel s'applique.

  1. 01

    Collez une URL ou un <iframe>

    Nous la normalisons (ajout de https:// si besoin), la validons et vérifions le contenu mixte et la base de politiques connues avant de toucher au réseau.

  2. 02

    Le navigateur l'affiche à la taille de l'appareil

    Une vraie iframe est créée à la résolution exacte du préréglage et mise à l'échelle en CSS. Les options sandbox, allow et referrer sont appliquées telles quelles.

  3. 03

    Vous obtenez verdict, preuves et code

    Durée de l'événement load, signal décisif, commande curl pour confirmer les en-têtes et un extrait reflétant vos réglages actuels.

Fonctionnalités

Ce que fait l'outil

Verdict instantané avec preuves

Voyez si l'événement load s'est déclenché, combien de temps il a pris et quelle règle a produit le résultat. Ne vous demandez plus si « ça charge encore ».

Viewports d'appareils réels

iPhone 15, Pixel 8, iPad Pro, bureau 1440p. Affichés aux pixels natifs et mis à l'échelle — avec bouton de rotation.

Mode comparaison

Mobile, tablette et portable côte à côte depuis une seule URL. Repérez les problèmes responsive dans l'intégration avant vos utilisateurs.

Labo sandbox et permissions

Basculez les drapeaux sandbox, les fonctions allow= et la politique de referrer en direct. Certains sites n'acceptent l'iframe qu'avec le bon referrer — vous pouvez maintenant le prouver.

Sortie HTML, React, Vue, Svelte

Une configuration, quatre codes idiomatiques. Props en camelCase pour React et un conteneur responsive aspect-ratio si vous le souhaitez.

Base de politiques connues

Les sites populaires qui bloquent l'iframe sont signalés instantanément — avec l'en-tête envoyé et l'alternative officielle d'intégration.

Privé par conception

Pas de backend. URL, historique et réglages du générateur vivent dans le localStorage de votre navigateur et nulle part ailleurs.

Résultats partageables

Chaque test a une URL. Collez-la dans un ticket ou sur Slack pour qu'un collègue voie exactement ce que vous avez vu.

FAQ

Questions fréquentes

Pourquoi l'iframe est vide ou indique « a refusé la connexion » ?

Le site a envoyé un en-tête X-Frame-Options (DENY ou SAMEORIGIN) ou une Content-Security-Policy avec frame-ancestors qui n'inclut pas votre origine. Les navigateurs le respectent et affichent une page d'erreur. L'en-tête exact est visible dans DevTools → Console ou via la commande curl fournie par Iframe Viewer.

Comment tester si un site peut être intégré dans une iframe ?

Collez l'URL dans le testeur ci-dessus et cliquez sur Afficher. Iframe Viewer la charge dans une vraie iframe à la taille d'appareil choisie et indique si le chargement a réussi, quel signal a décidé du résultat et combien de temps il a pris.

Iframe Viewer peut-il lire directement l'en-tête X-Frame-Options ?

Pas depuis le navigateur seul : les en-têtes de réponse d'une autre origine sont cachés au JavaScript par conception. Iframe Viewer combine des vérifications déterministes (contenu mixte, base de sites populaires), l'événement load du navigateur et un sondage de même origine, et indique toujours quel signal a produit le verdict. Utilisez la commande curl pour la vérité absolue.

Le testeur dit « Événement load déclenché » mais je vois une page d'erreur. Qui a raison ?

Les deux. Chrome et Firefox déclenchent load même en substituant une page d'erreur ; l'événement seul ne distingue donc pas succès et blocage. Fiez-vous à vos yeux pour la décision finale et confirmez avec curl.

Iframe Viewer stocke-t-il ou enregistre-t-il les URL que je teste ?

Non. Il n'y a pas de serveur. Votre historique est enregistré dans le localStorage du navigateur pour survivre aux rechargements et s'efface en un clic. Les statistiques, si vous les acceptez, ne comptent que les pages vues et les clics — jamais les URL testées.

Quelle différence entre allow et sandbox ?

sandbox retire des capacités (scripts, formulaires, popups, navigation) et vous ne réactivez que le nécessaire. allow est la Permissions Policy pour les fonctions puissantes comme la caméra, le plein écran ou le paiement. Utilisez les deux pour du contenu tiers que vous ne contrôlez pas.

Pourquoi mon intégration fonctionne ici mais pas sur mon site ?

Causes fréquentes : votre page est en HTTPS et la cible en HTTP (contenu mixte), la cible vérifie l'en-tête Referer, ou la Content-Security-Policy de votre propre site a une directive frame-src sans la cible. Essayez l'option de politique de referrer dans les Options du cadre.

Iframe Viewer est-il vraiment gratuit ?

Oui — totalement gratuit, sans compte, sans limite. C'est un site statique sans coûts de serveur à récupérer.