Как заставить работать iframe в Safari?

Question

[budyakov]

Пытаюсь встроить платежной формы в сайт. Проблема в том, что существует сложность с браузером Safari при работе с куками с использованием iframe.

Страница с проблемой - demo.payu-api.ru/LU/cookie_hack1.html

Баг давно известный, описан тут habrahabr.ru/post/112077 , но решение из примера 3 не работает: при переходе на сайт из Safari страница во фрейме, созданном через JS загружается не в iframe, а принудительно на всю страницу. Если еще раз зайти по ссылке этого не происходит, т.к. куки уже установлены.

Необходимо без изменения самой платежной страницы (то, что внутри iframe) заставить работать так, как в других браузерах.

Answer 1

[Евгений Петров]

1. В исходном виде проблема есть и в IE, не только в Safari.

2. У вас оба iframe уже стоят в коде. О каком iframe, созданном с помощью JS, вы говорите?

3. Если вы отключите вызов несуществующего метода killPreload при загрузке содержания второго iframe, описанная проблема исчезнет.

ПыСы. И div нижний закройте.

Comments

[budyakov]

1.В IE проблема решена в целом, тут пока интересует только сафари.
2.Пока вы отвечали я немного поэкспериментировал с файлом, убрал создание через JS и добавил первый фрейм напрямую в HTML, при первом заходе через сафари он все равно открывается в новом окне.
3. Убрал, не исчезла.

ПыСы. Спасибо : )

[Евгений Петров]

@budyakov jsfiddle.net/petroveg/p4f65zeo

[budyakov]

@Petroveg попробуйте открыть вашу страничку в частном режиме в сафари (или вот эту demo.payu-api.ru/LU/cookie_hack2.html , скопировал без изменений). Вас тут же перекинет в родительское окно.

[Евгений Петров]

@budyakov я сохранил код страницы и ничего не происходит.
Ваша ссылка в частном режиме открывает в окне, но там вообще ошибка JS:
SyntaxError: syntax error
demo.payu-api.ru/LU/cookie_hack2.html

[Евгений Петров]

@budyakov я думаю, что проблема в вашем JS в первом же iframe. По ссылке на хабре uframe есть решение проблемы с cookie, а у вас сами iframe — источник проблем.

[budyakov]

@Petroveg проблема в JS кода страницы внутри iframe может и есть, но по условиям задачи нельзя трогать. Кстати если попробовать найти что-это за токен - найти ошибку не удается.

[budyakov]

@Petroveg дадите ссылку на страницу, в которой фрейм не загружается в родительское окно?

[Евгений Петров]

@budyakov ссылку на локальный файл?)) Я просто код вашей страницы сохранил, заменив onload во втором фрейме на data-onload, чтобы не удалять.

Ошибка
https://secure.payu.ru/order/verify.php?CART_ID=ed... (строка 1392)

У вас там 2 раза подряд скрипт стоит
<script type="text/javascript">
<script language="JavaScript" type="text/javascript">

[Евгений Петров]

@budyakov если это нельзя править, то вы обречены:)

[budyakov]

@Petroveg ошибку с 2 упоминанием JS я исправил. Но проблему это не решило. За data-onload спасибо, но ошибка то возникает еще в первом фрейме. Можно из локали выгрузить на какой-нибудь хостинг? Я пробую и у меня в вашем приемер первый фрейм открывается не в скрытом фрейме как должен, а на всю страницу.

[Евгений Петров]

@budyakov
Здесь ошибку исправьте — нет такого объекта myOrder

$( '#merchant-logo-right' ).attr("src",myOrder.merchantLogo);

[budyakov]

@Petroveg такое объект будет и он нужен на следующем шаге оформления заказа. Эти правки не имеют отношения к изначальной проблеме.

[Евгений Петров]

@budyakov
Я взял код с ваших страниц, убрал двойной старт скрипта, закомментировал обращение к несуществующему объекту (который понадобится вам потом) и вызов несуществующего метода при загрузке второго iframe.

Вот вам пример.

[budyakov]

@Petroveg Все верно, проблема в том, что ваша страничка не пытается установить куки, это действительно не приводит к загрузки страницы в родительское окно, но ваш вариант также не приводит к решению проблемы пустой корзины при клике на отправку формы - dl.dropbox.com/u/4973327/Screenshots/6.png

[Евгений Петров]

@budyakov я обновил — сделал свой пример по тому же адресу. Как куки устанавливаются из iframe, который создаётся динамически.

Никто не переходит, куки устанавливаются.

[budyakov]

@Petroveg куков в сафари не видно - dl.dropbox.com/u/4973327/Screenshots/7.png . Кроме того встраиваение через iframe файла на том же домене может быть расценено браузером как нормальное поведение (это только догадка)

[Евгений Петров]

@budyakov насчёт связи домена и разрешений — так не бывает:)
Обновите — я сейчас банально вывожу top.document.cookie. У меня в частном режиме показывает.

[budyakov]

@Petroveg demo.payu-api.ru/LU/cookie_hack2.html

[Евгений Петров]

@budyakov я не понимаю, что у вас там происходит.

Я же обновил пример, и в моём примере куки выводятся в содержании блока, никаких переходов не происходит.

Вы уж извините, но разбираться в куче кода с ошибками у меня нет сил и возможностей.

[budyakov]

@Petroveg Я не прошу разбираться в коде с ошибками, в этом примере создаваемый вами фрейм загружается на всю страницу вместо только области фрейма. Моя версия сафари 7.0.6. Спасибо, что пробуете помочь, но цель работы текущей версии платежной страницы не достигается : (

[Евгений Петров]

@budyakov разворачивается пример, собранный со вставкой большого количества вашего кода. Тот маленький пример для теста, что я выложил, не вызывает такого поведения. Значит, причину нужно искать в вашем коде. Но этого кода безумно много, и я не могу посвятить его разбору выходные.

[budyakov]

@Petroveg скорее всего вы правы, спасибо, буду копать в этом направлении.