【问题标题】:Twitter Follow Button not working as expected in Chrome 27 and belowTwitter 关注按钮在 Chrome 27 及更低版本中无法正常工作
【发布时间】:2016-08-24 02:17:47
【问题描述】:

因此,目前,Twitter 关注按钮在我的 Chrome 28 及更高版本的网站上按预期工作。我注意到它会生成一个具有以下属性的iframe

<iframe id="rufous-sandbox" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" style="position: absolute; visibility: hidden; display: none; width: 0px; height: 0px; padding: 0px; border: none;"></iframe>

这是在body元素的底部添加的;但是,在 Chrome 27 及以下版本中,它会将其添加到 head 标签和 body 标签之间。此外,它在没有rufous-sandbox ID 的情况下添加它,并强制它向下“推”body 元素,因此顶部有一个大的空白区域。

在 Chrome 27 及以下版本中:

<head>...</head>
<iframe>..</iframe>
<body>...</body>

我该如何解决这个问题?我尝试将相同的样式添加到任何 iframe 元素,但没有奏效。推特脚本在body 元素中,也许我把它放在错误的地方?应该在head 中吗?

【问题讨论】:

  • 从未见过。你能提供一些这样的示例代码吗?或者指向发生这种情况的网站?
  • @MrLister fusionvr.space 是我的网站
  • 哇。我的 Windows XP VirtualBox 上有 Chromium 20,但该页面使其崩溃。 “chrome.exe [3056] 中出现未处理的 win32 异常。”这是在 iframe 插入正文之前之后。奇怪的是,Chromium 6 既没有崩溃也没有出现问题中的问题。(虽然后者在 Linux VB 中运行。)
  • @MrLister 很奇怪,你对我应该如何解决这个问题有什么建议吗?
  • 我不知道。我也一直在寻找 Chrome 27,但似乎已经无法下载了……

标签: html css twitter


【解决方案1】:

我建议你回到 twitter 并获取它的代码,这是我的代码.....

<a href="https://twitter.com/GetBorealis" class="twitter-follow-button" data-show-count="false">Follow Us!</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

【讨论】:

  • 另外请给我你网站的链接,以便我自己测试一下
  • 好吧抱歉我没注意到
  • 这个问题已经超过 6 个月了,在没有我们帮助的情况下可能已经解决了
  • 好的,但我想问一下,你能帮我解决这个问题吗:stackoverflow.com/questions/40730702/…
  • 请避免泛滥话题;我现在没时间正确回答问题,如果你还没有得到好的答案,我明天再看看
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-03-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-10-23
  • 1970-01-01
  • 2015-12-12
相关资源
最近更新 更多