Tentative JavaScript non sécurisée pour accéder au cadre avec une URL

J'obtiens l'erreur ci-dessous lorsque j'essaie de définir une valeur de hachage sur l'url parent d'iframe qui contient une autre URL de domaine:

JavaScript non sécurisé tente d'accéder au cadre avec l'URL "URL1" à partir du cadre avec l'URL "URL2". Les domaines, protocoles et ports doivent correspondre.

Comment puis-je résoudre ce problème?

À partir d'un document enfant d'origine différente, vous n'êtes pas autorisé à accéder à la location.hashpropriété de la fenêtre supérieure , mais vous êtes autorisé à définir la locationpropriété elle-même.

Cela signifie que, étant donné que l'emplacement supérieur de la fenêtre est http://example.com/page/, au lieu de faire

parent.location.hash = "#foobar";

vous devez connaître l'emplacement des parents et faire

parent.location = "http://example.com/page/#foobar";

Comme la ressource n'est pas parcourue, cela fonctionnera comme prévu, en changeant uniquement la partie hachée de l'URL.

Si vous l'utilisez pour la communication inter-domaines, je vous recommande d'utiliser easyXDM à la place.

Le Crossframe-Scripting n'est pas possible lorsque les deux cadres ont des domaines différents -> Sécurité.

Voir ceci: http://javascript.about.com/od/reference/a/frame3.htm

Maintenant, pour répondre à votre question: il n'y a pas de solution ou de contournement, vous devriez simplement vérifier la conception de votre site Web pourquoi il doit y avoir deux cadres de domaines différents qui changent l'URL de l'autre.

J'obtenais le même message d'erreur lorsque j'ai essayé de changer le domaine pour iframe.src.

Pour moi, la réponse était de changer l'iframe.src en une URL sur le même domaine, mais qui était en fait une page de redirection html vers le domaine souhaité. L'autre domaine est ensuite apparu dans mon iframe sans aucune erreur.

A fonctionné comme un charme. :)

Une solution pourrait être d'utiliser un fichier local qui récupère le contenu distant

remoteInclude.php

<?php
$url = $_GET['url'];
$contents = file_get_contents($url);
echo $contents;

Le HTML

<iframe frameborder="1" id="frametest" src="/remoteInclude.php?url=REMOTE_URL_HERE"></iframe>
<script>
    $("#frametest").load(function (){       
    var contents =$("#frametest").contents();
});

J'ai trouvé que l'utilisation de la version XFBML du bouton J'aime de Facebook au lieu de la version HTML5 a résolu ce problème. Ajoutez le code ci-dessous à l'endroit où vous souhaitez que le bouton apparaisse:

<div id="fb-root"></div>
<script>(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<fb:like send="true" layout="button_count" width="50" show_faces="false" font="arial"></fb:like>

Ajoutez ensuite ceci à votre balise HTML:

 xmlns:fb="http://ogp.me/ns/fb#"

Le problème est que même si vous créez un proxy ou chargez le contenu et l'injectez comme s'il était local, tous les scripts définis par ce contenu seront chargés à partir de l'autre domaine et causeront des problèmes entre domaines.