Question

我刚开始创建一个新网站，目前尚未上网。我的第一个网站，所以一切对我来说都是新的。我正在尝试实现像Facebook一样的按钮。我输入了代码，但没有显示任何内容。我正在使用TextWrangler创建网站并使用MacBook Air。不确定这些信息是否有帮助。也许因为元属性而无法正常工作？我不太明白我需要输入哪些信息。

这是我的代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>[]</title>
<meta property="og:title" content="The []" />
<meta property="og:type" content="website" />
<meta property="og:url" content="file:///Users/[]/Documents/Sites/IBS.html" />
<meta property="og:image" content="http://[].jpeg" />
<meta property="og:site_name" content="The []" />
<meta property="fb:admins" content="218100060" />
</head>
<body>
<p>hello</p>
<iframe   src="//www.facebook.com/plugins/like.phphref=file%3A%2F%2F%2FUsers%2Fshikhaverma%2FDocuments%2FSites%2FIBS.html&amp;
send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;font=arial&amp;
colorscheme=light&amp;action=like&amp;height=80" scrolling="no" frameborder="0" 
style="border:none; overflow:hidden; width:450px; height:40px;" allowTransparency="true">
</iframe>
</body>
</html>

如果你能提供帮助我会非常感激。谢谢。

Answer 1

问题是您提供的代码是双重转义的。这意味着它们在您提供的iFrame URL（src）代码中到处都是“＆amp; amp”：

//www.facebook.com/plugins/like.phphref=file%3A%2F%2F%2FUsers%2Fshikhaverma%2FDocuments%2FSites%2FIBS.html&amp;
send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;font=arial&amp;
colorscheme=light&amp;action=like&amp;height=80

尝试在网络浏览器中粘贴网址，但它不会起作用，因为它的格式错误。

此外，Facebook like按钮不能使用本地网址，（在这种情况下，你使用file：///Users/shikhaverma/Documents/Sites/IBS.html。）。它必须使用在线的功能URL。所以现在，只需输入在线网站的任意随机网址，直到您的网站在线托管。

我没有逃过网址，但仍然形成错误。它应该是“like.php？href = file”而不是“like.phphref = file”。你为什么不回到Facebook并重新生成代码。

此外，您的代码编辑器是否存在问题？为什么一切都被双重逃脱？

编辑顺便说一下，您始终可以使用unescape（）JavaScript命令来转换文本。更多here on Mozilla dev。

Facebook就像按钮iframe代码没有显示

1 个答案: