Javascript “脸谱网”；例如；按钮不存在'；我一点也不显示

新的编码，所以请容忍我，如果这真的是基本的！我正试图在我的页面上添加一个FaceBook的“喜欢”按钮。我完全按照他们在网站上的说明复制了代码。我输入了我的页面详细信息、所需的宽度（它符合他们对我在生成器中选择的功能的建议限制），等等，然后将代码复制/粘贴到我的html中。我一定错过了什么。他们的指示是将其粘贴到HTML中，最好就在开头的

下面，所以我这样做了：

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/all.js#xfbml=1”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

然后他们说复制/粘贴以下内容到我希望按钮显示的任何地方，我做到了：

---

我刷新了我的页面，在插件应该在的地方没有任何痕迹。不是点，不是线，不是错误信息，娜达。我错过了什么？提前谢谢

对于哪种类型的网站，您使用的是joomla或wordpress等cms的fb-like按钮，我认为最好的选择是好的选择，如果您愿意，我会多次使用它，尝试一下，进入网站后，单击“获取共享工具”菜单

---

然后，您可以使用它并通过站点中的代码，

欢迎使用堆栈溢出

为什么脚本没有显示like按钮，可能会出现一系列问题。如果没有url或输出html的副本，几乎不可能知道。如果您在本地网络上工作，并且失去了internet连接，例如，boom，no FB-Like box

在黑暗中拍摄-这是一个javascript错误。javascript中的错误不会显示在屏幕上。相反，它们以几乎无限的方式表现出来，从页面加载后省略单个元素到加载白色屏幕

如果您使用的是Chrome或Firefox，您可以下载Web开发者扩展。我建议Firefox使用Firebug，或者在Chrome中单击鼠标右键并“检查元素”（我认为这是Chrome附带的，否则它就是Web开发者的扩展）

无论使用哪种工具，所有错误都将在这些环境的控制台中输出

我们才刚刚开始

如果这听起来像是太多的工作，我建议您在另一个页面上尝试上面的代码，看看您要复制和粘贴到的页面是否有格式错误的html。然后回到上面的建议

或者插件

---

它在本地机器上无法工作，但在服务器上却开始神奇地工作的原因是：

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

代码前面的

/

表示浏览器应使用加载脚本时使用的协议。。。因此：

如果您正在运行facebook，将加载一个不安全的脚本，如果您正在使用，则脚本将从facebook的安全服务器加载

这就是魔法发生的地方。。。从本地文件加载时，浏览器会将URL显示为

file:///C:/mysite

因此浏览器会自动查找名为

file:///connect.facebook.net/....

这是不存在的，它失败得很惨

猜猜你上传到服务器时发生了什么

我会让你弄明白的

---

干杯…

我遇到了这个问题，然后在Facebook开发者工具中将我的域url添加到我的应用程序设置中：->设置->基本

如果您仍然喜欢使用fb代码目录，请检查您是否将java脚本放置在正确的位置，并检查您的浏览器中是否启用了java脚本希望这对您有所帮助。。。，它只是一个普通的个人网页，不是CMS的一部分。Javascript已启用。还要确保代码，好的，我已将页面上载到服务器，以便您可以看到我正在尝试执行的操作。如果这是一个Javascript错误，FB不会被投诉淹没，并被迫修复它吗？我认为人们每天使用这个插件数千次。我更可能怀疑这是我的错误！：）然而，我将所有相关的插件信息粘贴到一个只有一行文本的空白HTML页面中，但它仍然不起作用。。。（单击“组成”选项卡以查看空白页）。所以…天哪，一旦它加载到服务器上，它就开始工作了！！我想它只在网上起作用。我一直在用文本文档编写代码，并使用Firefox检查我的进度。天哪。。。我想我学到了一些东西！我有一种感觉，这是因为安装是您的本地服务器！作为将来的参考，您可以在本地环境中测试facebook应用程序，但这需要在路由器上进行端口转发，并将测试域的“A记录”指向本地计算机。但是，嘿，你找到了解决这个问题的简单方法：）祝你好运，别忘了接受我的回答，因为我提到了Facebook可能无法在你的本地机器上“看到”你的应用。另外，澄清：我指的js错误是你的javascript错误…）这就是我建议尝试web开发人员扩展的原因。使用这些工具可以解决999/1000问题。学习如何使用这些工具，这本身就是一种通行证仪式，在你继续建设网站的过程中，会给你带来巨大的好处。想象一下，能够深入了解站点上的任何数据，并能够对其进行故障排除/重新设置样式。这是救命稻草！