类似Facebook的Safari浏览器问题：在某些浏览器中出现，在其他浏览器中消失

Question

我已经在我创建的网站上放置了一个类似Facebook的框，并且在我的计算机上它一切正常（safari，chrome，firefox，ie ，...）

但是当我的一些朋友在safari中打开网站时，de box就不会显示给大家。 （所以有些朋友可以看到它在Safari浏览器，与其他人只是不会出现/出现，立刻消失/ ...）

这里的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> 

希望任何人都可以帮助我... :)

Answer 1

这很可能是由于它们的Safari版本。该浏览器的webkit在解析以前版本的url中的＆符号时遇到问题，在xhtml页面中将&编码为&而不是&。这在后来的Webkit中得到修复。

但是，为了确保，你可以编码你的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（旧的）版本，不过，因为与符号仍然有编码不正确。