调试Javascript（和Facebook登录）

Question

我对JS不太满意：)我在将Facebook登录名添加到我的网站http://www.comehike.com时感到很困惑，在右上角您会看到FB登录按钮已呈现，但是如果单击它， ，它不起作用。

我尝试将按钮放入页面的主体，它实际上起作用了。 所以我的感觉是导致问题的一些JS问题。 如何在Firebug或其他工具中调试它？ 我只是不太熟练地使用这些技术。

任何帮助，将不胜感激。 我真正想做的就是在标题中单击FB登录按钮：)

谢谢，亚历克斯

Answer 1

确保连接到js的脚本是安全的

http://connect.facebook.net/en_US/all.js

应该

https://connect.facebook.net/en_US/all.js

Answer 2

使用控制台（例如Firebug ），问题很明显。

 Uncaught ReferenceError: FB is not defined             www.comehike.com:94
 FB.login() called before calling FB.init().            all.js:3

我的猜测是，您正在尝试实际加载Facebook脚本之前调用FB.init() 。

---

第94行包含以下代码：

window.onload=FB.init();cycleBan();

如果您试图在window的onload事件上执行FB.init() （以及cycleBan()吗？），那将无法正常工作。 上面的代码所做的是将FB.init() 返回的值设置为window.onload处理程序，然后调用cycleBan() 。 尝试以下方法：

window.onload = function () {
    FB.init();
    cycleBan();
};

---

阅读一些Facebook API文档后进行编辑 ，看来您没有将appId传递给FB.init() ，我认为这是必要的：

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
    FB.init({ 
        appId:'YOUR_APP_ID', cookie:true, 
        status:true, xfbml:true 
    });
</script>
<fb:login-button>Login with Facebook</fb:login-button>

因此，您应该更改代码以使用相同的结构。

---

编辑2好的，所以我以前从未使用过Facebook API-只是再次浏览了您的页面，看起来您已经在使用正确的基本模板，而且我想您正在将appId作为URL参数传递。 哦，表明我知道多少。

Answer 3

在Firefox上，您可以使用Firebug插件（我想您在问题中使用的名称就知道了）。 只需转到该页面，单击底部状态栏中的Firebug图标，然后使用“脚本”标签转到您的脚本代码，设置断点并单步执行。

您也可以使用内置于Chrome，Safari，Opera甚至从IE8开始的IE中的开发工具来执行此操作。 （在早期版本的IE中，您可以使用VS.Net的免费版本进行调试。）

关于所有这些的一件好事是，您可以右键单击某个元素（如按钮），然后选择“检查元素”以直接获取有关该元素的信息。 在Chrome上（至少（可能还有其他））上，该浏览器包括为其分配的事件处理程序，这使查找内容变得容易。

Answer 4

如果将不存在的FB应用程序密钥传递给init（），则只有在调用FB.init（）之前得到“ FB.login（）被调用”的错误。

确保您没有做同样的事情。