代码之家  ›  专栏  ›  技术社区  ›  Android Eve

Facebook的“Like”按钮破坏了https/SSL

  •  10
  • Android Eve  · 技术社区  · 14 年前

    在我维护的一个电子商务网站上,我按照这里的说明添加了一个Facebook“Like”按钮:

    http://developers.facebook.com/docs/reference/plugins/like

    我正在使用iframe方法:

    <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" 
      scrolling="no" frameborder="0" style="border:none; overflow:hidden; 
       width:450px; height:80px;" allowTransparency="true">
    </iframe>
    

    它是有效的,但是如果一个客户碰巧登录到她的帐户,她会得到臭名昭著的 mixed content warning "

    有没有办法使用相同的Facebook“Like”按钮代码,但在SSL模式下不会插入非https内容?

    4 回复  |  直到 11 年前
        1
  •  20
  •   Ry- Vincenzo Alcamo    11 年前

    您可以通过不特定于传输协议来避免对支持SSL的域发出SSL警告。e、 g.不包括 http:// https:// ,使用 // .

    <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
    

    使用

    <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
    
        2
  •  10
  •   Yahel    13 年前

        3
  •  1
  •   Paul Roub Mark Dail    8 年前

    您可以通过不特定于传输协议来避免对支持SSL的域发出SSL警告。e、 g.不包括 http:// https:// // .

    而不是

    <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
    

    <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Fl
    
        4
  •  0
  •   Lea Cohen    9 年前
    <iframe src="//www.facebook.com/plugins/follow?href=https%3A%2F%2Fwww.facebook.com%2Fludwika.karuna&amp;layout=standard&amp;show_faces=true&amp;colorscheme=light&amp;width=450&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>