Google +1按钮脚本未在本地html文件中加载

时间:2011-08-09 20:55:55

标签: javascript google-api google-plus-one

我正在玩新的Google +1按钮,我试图设置一个简单的演示。

这是我的代码:

<html>
<head>
<title>Plus One</title>
</head>
<body>

<!-- Place this tag where you want the +1 button to render -->
<g:plusone callback="plus_one_callback" href="http://www.testurl.com/"></g:plusone>

<!--  Place this tag after the last plusone tag -->
<script type="text/javascript">
  (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);
  })();

function plus_one_callback(){
    alert('callback');
}
</script>


</body>
</html>

然而,它不会呈现按钮,并且我的控制台中没有错误消息。

这是我的firebug网络面板的屏幕抓图:

screenshot

任何人都知道为什么会这样吗?

1 个答案:

答案 0 :(得分:2)

它不起作用,因为从Firefox 3开始,您无法在本地运行外部JS脚本。或者更确切地说,当firefox在url中看到“file://”时,你会遇到问题。这个问题也得到了回答here。如果您使用其他浏览器,它可能会有效。

但是,如果您真的需要这种东西在本地工作,那么就有一个解决方案。您可以安装WAMPXAMPP来运行本地服务器。