Ma page Web est-elle chargée directement ou dans un iFrame ?

Identification de l'iFrame par rapport au chargement direct de page

Dans le développement Web, il peut être nécessaire de déterminer si une page Web est chargée dans un iFrame ou directement dans la fenêtre du navigateur. . Cette distinction peut avoir des implications sur le comportement et la fonctionnalité de la page Web.

Une méthode pour identifier cette distinction consiste à comparer les objets window.self et window.top. Dans une page Web chargée directement dans la fenêtre du navigateur, ces deux objets référenceront le même objet fenêtre. Cependant, lorsqu'il est chargé dans une iframe, window.self fera référence à la fenêtre iframe, tandis que window.top fera référence à la fenêtre parent.

Pour vérifier cela de manière robuste, on peut utiliser le code suivant :

const inIframe = () => window.self !== window.top;

Cependant, il est important de noter que, bien qu'elle soit fiable dans la plupart des navigateurs, cette approche peut être affectée par des restrictions d'origine croisée, notamment dans Internet Explorer. Par conséquent, il est essentiel de gérer les erreurs potentielles avec soin.

Mise à jour (2024) :

Selon la documentation sur l'accès aux API de script cross-origin, window.self et window .top sont inclus dans les propriétés d'origine croisée autorisées. Cela suggère que le code suivant devrait fournir un moyen plus cohérent et fiable de détecter les iFrames :

const inIframe = () => window.self !== window.top;

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!