在 HTML 页面嵌入 Slack

Question

在 HTML 页面嵌入 Slack

6

我在将一个 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"，但都没有成功。 :( 如果您有其他方法，请分享！谢谢。

- kir13y

你能在浏览器中查看Slack Feed的URL吗？如果可以，那么它不是URL，你可以将其排除为可能的问题。 - Christian

你是真的没有在 URL 后选择双引号，还是只是笔误了？ - kittykittybangbang

只是复制时打错了一个字。 - kir13y

2个回答

-3

你忘记在iframe source中关闭引号了。否则它将无法工作。另外，你关闭

标签太早了。在iframe之后而不是之前关闭它。请参考fiddle。

- Rachel Gallen

谢谢您的回复，但是当将URL更改为我们的Slack URL时，它似乎无法工作（jsfiddle）。iframe只是一个白色的框框> _ <如果您知道发生这种情况的原因，请告诉我。 - kir13y

可能是从服务器检索到的数据有问题，而不是代码有问题。调试控制台有没有显示任何信息？ - Whirlwind990

无法加载资源：net :: ERR_INSECURE_RESPONSE使用https而不是http仍然会出现相同的错误。 - kir13y

根据上述评论，即使语法正确，由于X-Frame-Options安全限制，它仍然无法工作。 - Ivan Peevski

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jimmy Song · Accepted Answer

我刚试过了，看起来无法显示的原因是slack.com设置了X-Frame-Options头文件为SAMEORIGIN。换句话说，在slack.com上时你只能嵌入该页面，而不能在其他地方嵌入。