Question

我创建了一个Twitter小部件，但我不知道如何在我的HTML代码中导入它，它只显示一个链接。

<a class="twitter-timeline" href="https://twitter.com/TwitterDev/timelines/539487832448843776">
National Park Tweets - Curated tweets by TwitterDev
</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

它没有显示周围的事物。

任何帮助？

Answer 1

将代码放在div中，如此

<div><a class="twitter-timeline" 
href="https://twitter.com/TwitterDev/timelines/539487832448843776">National 
Park Tweets - Curated tweets by TwitterDev</a> <script async 
src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>

Answer 2

在没有本地服务器的情况下打开网页（直接在浏览器中打开文件）时，您使用的是file://协议，该协议基于您的本地文件系统。

您正在使用//

导入Twitter的脚本

<script src="//platform.twitter.com/widgets.js">

表示“使用当前协议”。这用于不想知道网站是使用http还是https，以避免在https网站中导入http资源时出现问题。

这是一个问题，因为Twitter的脚本位于Internet上，而不是本地文件系统上。

将脚本src协议手动更改为http或https（最好），以便脚本可以检索。

<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Twitter Feed并没有显示它只是一个链接

2 个答案: