在 html 页面上嵌入 slack

Question

我在将 slack feed 嵌入 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"没有运气。 :( 因此，如果您有任何其他方法，请分享！

谢谢

Answer 1

您忘记关闭 iframe source 上的引号。否则它会起作用另外，您过早关闭了 div。在 iframe 之后而不是之前关闭它。看到这个 fiddle

Answer 2

刚试过，它不会显示的原因似乎是因为 X-Frame-Options header 被 slack.com 设置为 SAMEORIGIN。换句话说，您只能在 slack.com 上嵌入该页面，而不能在其他任何地方嵌入该页面。

在 html 页面上嵌入 slack

Embed slack on a html page

jquery

html

iframe

embed

slack