修改

Question

我想在我的应用中添加一个google plus分享按钮来分享链接。我的应用程序是使用Javascript，HTML5和CSS构建的，并与phonegap build一起打包。

我从11月份开始使用一段代码，我得到了here（在Share Link标题下），大约两周前它在phonegap构建中运行良好。但是，在最近几天再次测试应用程序时，它给了我以下错误：“google plus不支持浏览器”。我尝试更新我正在测试的两款Android手机上的浏览器，但是我仍然得到同样的错误。

以下是HTML代码片段（导致错误）：

<a href="https://plus.google.com/share?url={URL}" onclick="javascript:window.open(this.href,
  '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><img
  src="https://www.gstatic.com/images/icons/gplus-64.png" alt="Share on Google+"/></a>

所以现在我正在尝试从this页面上分享google plus的其他替代方案。我正在普通浏览器中尝试以下基本代码（而不是使用phonegap打包）但是我遇到了麻烦。

<html>
    <head>
        <title>Share demo: Basic page</title>
        <link rel="canonical" href="http://www.example.com" />
        <script src="https://apis.google.com/js/platform.js" async defer>
        <!-- Place this tag in your head or just before your close body tag. -->
        </script>
    </head>
    <body>
            <div class="g-plus" data-action="share"></div>
    </body>
</html>

在浏览器中运行此代码时，按下共享按钮。它会弹出一个我要求登录的弹出窗口。一旦我登录，弹出窗口就会关闭，内容不会在我的google plus帐户上共享。在控制台中查看时，我看到该链接已给出204响应和以下输出：

XHR finished loading: POST "https://apis.google.com/u/0/se/0/wm/1/_/jserror?script=https%3A%2F%2Fapis.g…com%22%20from%20accessing%20a%20cross-origin%20frame.&line=Not%20available".

我做错了吗？

此外，我正在寻找一种特定的手机操作方式here但是据我所知，它只是谷歌加上唱歌和不共享的插件。任何意见，将不胜感激。感谢

修改

我必须提一下，导致问题的HTML代码片段（如上所述）是使用字符串连接动态生成的，如下所示：

var read_story_page_html = '<li>'   
            + '<a href="https://plus.google.com/share?url=' + safe_story_link + '" ' 
            + 'onclick="javascript:window.open(this.href,\'\', \'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600\');return false;">'
            + '<span class="google_plus_icon">'
            + '<i class="fa fa-google-plus-square"></i>'
            + '</span>'
            + '<span class="social_sharing_text"> Google+</span>'
            + '</a></li>';

这仍然适用于普通浏览器（因此代码中没有错误）。只是当与phonegap捆绑在一起时，它会将我重定向到google plus，但随后会说“Google +不支持您的浏览器”。

Answer 1

我注意到的一件事是导致错误的HTML代码片段

没有在href中替换{URL}。

它在分享链接下的Google开发者网站上注明，将{URL}替换为您要分享的网页网址。

尝试一下，看看它是否摆脱了错误。

谷歌加分享的代码导致错误

修改

1 个答案: