Javascript 未能执行'；后消息'；在'；DOMWindow'；使用谷歌代码_Javascript_Html_Google Plus_Badge

Javascript 未能执行'；后消息'；在'；DOMWindow'；使用谷歌代码

javascript html google-plus

Javascript 未能执行'；后消息'；在'；DOMWindow'；使用谷歌代码,javascript,html,google-plus,badge,Javascript,Html,Google Plus,Badge,我想在我的网站上添加一个Google+徽章。当我从谷歌配置工具复制/粘贴代码时，徽章不起作用。我认为问题可能出在JavaScript中，所以我创建了一个空index.html并复制/粘贴Google代码。。。但它仍然不起作用：谷歌代码：  <script src="https://apis.google.com/js/platform

我想在我的网站上添加一个Google+徽章。当我从谷歌配置工具复制/粘贴代码时，徽章不起作用。我认为问题可能出在JavaScript中，所以我创建了一个空index.html并复制/粘贴Google代码。。。但它仍然不起作用：

谷歌代码：

<!-- Place this tag in your head or just before your close body tag. -->
<script src="https://apis.google.com/js/platform.js" async defer></script>

<!-- Place this tag where you want the widget to render. -->
<div class="g-page" data-width="250" data-href="https://plus.google.com/110789175777197362579" data-theme="dark" data-rel="publisher"></div>

index.HTML中的完整HTML

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>

<!-- Place this tag where you want the widget to render. -->
<div class="g-page" data-width="250" data-href="https://plus.google.com/110789175777197362579" data-theme="dark" data-rel="publisher"></div>

<!-- Place this tag in your head or just before your close body tag. -->
<script src="https://apis.google.com/js/platform.js" async defer></script>
</body>
</html>


试验

在控制台中，我可以看到以下错误：

未能对“DOMWindow”执行“postMessage”：提供的目标源（“null”）与收件人窗口的源（“null”）不匹配。人
不推荐使用getAttributeNode（）。改为使用getAttribute（）。rs=AGLTCOASCY\GKJWPJTHT2MUGUYZPZTCG%20line%209%20%3E%20eval:34:434
未能对“DOMWindow”执行“postMessage”：提供的目标源（“null”）与收件人窗口的源（“null”）不匹配。人
未能对“DOMWindow”执行“postMessage”：提供的目标源（“null”）与收件人窗口的源（“null”）不匹配。邮递
未能对“DOMWindow”执行“postMessage”：提供的目标源（“null”）与收件人窗口的源（“null”）不匹配。邮递
未能对“DOMWindow”执行“postMessage”：提供的目标源（“null”）与收件人窗口的源（“null”）不匹配。邮递
未能对“DOMWindow”执行“postMessage”：提供的目标源（“null”）与收件人窗口的源（“null”）不匹配。邮递
未能对“DOMWindow”执行“postMessage”：提供的目标源（“null”）与收件人窗口的源（“null”）不匹配。邮递
未能对“DOMWindow”执行“postMessage”：提供的目标源（“null”）与收件人窗口的源（“null”）不匹配。邮递

问题可能是Google+徽章可能要求您通过web服务器运行代码，而不是通过文件系统本地查看代码

不要只是打开HTML文件，而是尝试使用web服务器托管它。这里有很多选择。如果已安装Python，则可以尝试运行：

cd [directory where file is located]
python -m SimpleHTTPServer 8080

然后在

我认为这可能是问题的原因，因为我在文件系统之外本地运行它时也会出错（虽然错误与您不同），但当我通过web浏览器查看它时，它工作正常，如下所示：

问题可能是Google+徽标可能要求您通过web服务器运行代码，而不是通过文件系统本地查看代码

不要只是打开HTML文件，而是尝试使用web服务器托管它。这里有很多选择。如果已安装Python，则可以尝试运行：

cd [directory where file is located]
python -m SimpleHTTPServer 8080

然后在

你是想把它放在一个iframe还是什么？嗯。。。我使用完全相同的html代码，就像我在这里发布的一样。。。而且不起作用。我尝试了Firefox、Firefox开发者和Chrome浏览器。不起作用：-（可能是重复的）你是想把它放在iframe还是什么？嗯…我使用完全相同的html代码，就像我在这里发布的一样…但不起作用。我尝试了Firefox、Firefox开发者和Chrome。不起作用：-（可能重复Yeees！这是正确的答案。它需要通过Web服务器运行。谢谢。Yeees！这是正确的答案。它需要通过Web服务器运行。谢谢。