Google Plus 按钮 API 是否支持 Internet Explorer 8答案

【问题标题】：Does Google Plus Button API Support Internet Explorer 8Google Plus 按钮 API 是否支持 Internet Explorer 8
【发布时间】：2012-01-17 22:00:34
【问题描述】：

有谁知道 IE8 是否支持 Google Plus 按钮？这个问题表明它不支持IE7：Google +1 Button not working in IE7?。此外，该问题链接到表明支持 IE8 的页面 (http://support.google.com/accounts/bin/answer.py?hl=en&answer=1151309)。有趣的是，当我在 Chrome 中访问该页面时，我得到了 G+ 按钮，但是当我在 IE8 中访问它时，却没有。

有什么想法吗？

【问题讨论】：

标签： google-plus-one

【解决方案1】：

有一个奇怪的 IE8 版本（仅版本 8.0.7600.16385）很难获得，它会导致 Plus1 按钮渲染出现渲染错误。以下是解决此问题所需的代码：

    var gPlusOne = document.createElement('g:plusone'); 
    gPlusOne.setAttribute("size", "medium");
    gPlusOne.setAttribute("annotation", "bubble");
    gPlusOne.setAttribute("width", "120");
    googlePluginDiv[0].appendChild(gPlusOne);

请注意，我没有使用 jQuery，因为 jQuery 不喜欢名为 g:plugone 的元素，但可以使用 document.createElement 呈现它

【讨论】：

非常感谢 DMCS！不幸的是，我只能让它在非 IE8 浏览器中呈现。我没有在我的特定案例之外测试过这个，所以我不能确定它是否有效。
上面的代码可以在 Windows 和 Mac OS 上的大多数浏览器（除了非常旧的浏览器）中呈现。它通过了广泛的第 3 方 QA 测试，以确保它确实有效。所以我不确定为什么它不适合你。
感谢 DMCS！我会做一些我自己的测试。我开始认为我正在处理的网站中有一些冲突的代码。碰巧，您是否有 IE8（版本 8.0.7600.16385）中呈现错误的参考，或者这是您自己测试的结果？如果有文章，我很乐意仔细阅读。无论哪种方式...感谢您的大力帮助！
我不记得有错误。但是您可以模拟它，因为您的 IE8 浏览器出现故障（我没有，但 QA 团队做到了），并且您可以制作一个干净的 html 页面，其中只有插件以正常的非解决方法方式编码以查看。
抱歉耽搁了！再次感谢您的帮助！

【解决方案2】：

对我来说，您的解决方案不起作用（在指定版本的 ie8 上...）但是，它使用 HTML5 语法工作。我在这里找到了它http://chovy.dyndns.org/social2.html。

如果主机有一天出现故障，我会重现以下解决方案：

<div class="g-plusone" data-size="standard" data-count="true" [or data-whatever=...]></div>

我没有尝试使用JS动态加载它，但我想应该没问题。

【讨论】：

【解决方案3】：

在 IE8 和 IE9 中完美运行...但在 IE7 中无法运行
分享演示：JQuery iframe

  </head>
  <body>
  <div id="gplusID"></div>

    <script type="text/javascript">
    var gdiv = document.getElementById('gplusID');
    var gPlusOne = document.createElement('g:plusone'); 
    gPlusOne.setAttribute("size", "medium");
    gPlusOne.setAttribute("annotation", "bubble");
    gPlusOne.setAttribute("width", "120");
    gdiv.appendChild(gPlusOne);
      window.___gcfg = {
        lang: 'en-US'
      };

      (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
      })();
    </script>  

  </body>

</html>

【讨论】：