Небезпечна спроба JavaScript отримати доступ до кадру з URL-адресою

Я отримую помилку нижче, коли я намагаюся встановити хеш-значення для батьківського URL з iframe, який містить інший URL домену:

Небезпечна спроба JavaScript отримати доступ до кадру з URL-адресою "URL1" з кадру з URL-адресою "URL2". Домени, протоколи та порти повинні відповідати.

Як я можу виправити цю проблему?

З дочірнього документа різного походження вам заборонено доступ до location.hashвласності верхнього вікна , але ви можете встановити сам locationресурс.

Це означає, що з огляду на те, що місце розташування у верхньому вікні http://example.com/page/, а не робити

parent.location.hash = "#foobar";

вам потрібно знати місцезнаходження батьків і робити

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

Оскільки ресурс не переміщується, він буде працювати, як очікувалося, змінивши лише хеш-частину URL-адреси.

Якщо ви використовуєте це для міждоменного спілкування, то рекомендую натомість використовувати easyXDM .

Кроссфрейм-сценарій неможливий, коли два кадри мають різні домени -> Безпека.

Дивіться це: http://javascript.about.com/od/reference/a/frame3.htm

Тепер, щоб відповісти на ваше запитання: не існує рішення чи вирішувати проблеми, просто слід перевірити дизайн веб-сайту, чому повинні бути два кадри з різних доменів, що змінює URL-адресу іншого.

Я отримував те саме повідомлення про помилку, коли я намагався порушити домен для iframe.src.

Для мене відповідь полягала в тому, щоб змінити iframe.src на URL на домен SAME, але це фактично сторінка перенаправлення html на потрібний домен. Потім інший домен з’явився в моєму iframe без помилок.

Працював як шарм. :)

Рішенням може бути використання локального файлу, який витягує віддалений вміст

remoteInclude.php

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

HTML

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

Я виявив, що використання цієї версії XFBML у Facebook як кнопка, а не версія HTML5 вирішило цю проблему. Додайте код нижче, де ви хочете, щоб кнопка з’явилася:

<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>

Потім додайте це до свого тегу HTML:

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

Проблема навіть у тому випадку, якщо ви створили проксі-сервер або завантажуєте вміст і вводите його як би локальний, будь-які сценарії, визначені цим вмістом, завантажуватимуться з іншого домену та спричинять проблеми між доменними.