Проблема Safari, похожая на коробку Facebook: появляется в некоторых браузерах, исчезает в других

Я поместил окно facebook на созданный мной веб-сайт, и на моем компьютере все работает нормально (сафари, хром, firefox, т.е....)

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

Вот код iframe, который я включил

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FLuca-Barassii%2F126244157780&width=300&height=340&colorscheme=dark&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:340px;" allowTransparency="true"></iframe>

надеюсь, кто-нибудь может мне помочь... :)


facebook facebook-likebox
person Lotte    schedule 25.11.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Скорее всего, это связано с их версией Safari. Webkit этого браузера имел проблемы с интерпретацией амперсандов в URL-адресах в предыдущей версии, кодируя & в &#38; вместо &amp; на страницах xhtml. Это было исправлено в более позднем Webkit.

Но чтобы убедиться, вы можете сами закодировать URL-адрес iframe:

<iframe src="//www.facebook.com/plugins/likebox.php?
    href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FLuca-Barassii%2F126244157780
    &amp;width=300&amp;height=340&amp;colorscheme=dark&amp;show_faces=true
    &amp;border_color=&amp;stream=false&amp;header=false" 
    scrolling="no" 
    frameborder="0" 
    style="border:none; overflow:hidden; width:300px; height:340px;" 
    allowTransparency="true">
</iframe>

Это не помешало бы тому, чтобы поле не отображалось в определенных (старых) версиях Safari, потому что амперсанд все равно был бы закодирован неправильно.

person Kablam    schedule 10.01.2013