添加 Discord 小部件/iframe 会停止网页加载答案

【问题标题】：Adding Discord widget/iframe stops web page loading添加 Discord 小部件/iframe 会停止网页加载
【发布时间】：2019-08-16 00:49:19
【问题描述】：

我有一个加载良好的网络应用程序。

当我添加以下小部件时...

<iframe class="discord" src="https://discordapp.com/widget?id=201798443583143936&theme=dark"/>

...加载器页面将无限挂起。

不管我把小部件放在哪里，页面都不会加载。该小部件不需要任何库或依赖项。我已经在加载 youtube 视频的页面上有一个 iframe。

【问题讨论】：

【解决方案1】：

iframe 元素不是自闭合元素。

尝试： <iframe class="discord" src="https://discordapp.com/widget?id=201798443583143936&theme=dark"></iframe>

【讨论】：

有趣。在此演示中，非关闭 iframe 可以正常工作：codepen.io/Teeke/pen/NJJLKz 但关闭框架肯定更好。也许它在演示中有效，因为页面上没有其他元素