在 html 页面上嵌入 slack答案

【问题标题】：Embed slack on a html page在 html 页面上嵌入 slack
【发布时间】：2015-11-09 13:53:56
【问题描述】：

我在将 slack 提要嵌入到 html 网站时遇到问题。当我尝试使用 iframe 时，它只是显示为一个白框。我尝试过使用 jquery

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> .       
    </script>
    <script>
$("#testLoad").load("http://www.SlackURLHere");
    </script>
  </head>
  <body>

    <div id="testLoad"></div>

    <iframe src="http://www.SlackURLHere"></iframe>
  </body>
</html>

我在 iframe 和 jquery 上都尝试了 "http" 和 "https"，但没有成功。 :(所以如果你有任何其他方法请分享！

谢谢

【问题讨论】：

您可以在浏览器中查看 Slack 提要的 URL 吗？如果是这样，那么它不是 URL，您可以将其排除为可能的问题。
你真的没有选择 URL 后的双引号，还是只是一个错字？
复制时打错了。

标签： jquery html iframe embed slack

【解决方案1】：

您忘记关闭iframe source 上的引号。否则它将起作用你也太早地关闭了 div 。在 iframe 之后而不是之前关闭它。看到这个fiddle

【讨论】：

感谢您的回复，但将 url 更改为我们的 slack url 时似乎不起作用。（jsfiddle）iframe 只是一个白框>_
可能是从服务器检索的数据而不是代码的问题。调试控制台会说什么吗？
无法加载资源：net::ERR_INSECURE_RESPONSE 使用 https 而不是 http 仍然给出相同的错误
按照上面的cmets，即使语法正确，由于X-Frame-Options安全限制，它仍然无法工作

【解决方案2】：

刚试过这个，看起来它不会显示的原因是因为 slack.com 将 X-Frame-Options 标头设置为 SAMEORIGIN。换句话说，您只能在 slack.com 上嵌入该页面，而不能在其他任何地方嵌入。

【讨论】：

如果您可以将 slack 集成到您自己的网页中，您可以用它做很多有趣的事情。真的很期待这个功能！
您可以在您自己的域上为您检索标记的 ajax 脚本。 iframe.html > proxy.php > slack.com/stuff