2017-07-26 43 views
0

我创建了一个Twitter小部件,但我不知道如何将它导入到我的HTML代码中,它只显示一个链接。Twitter的饲料并没有显示它只是一个链接

<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> 

它没有显示它周围的东西。

任何帮助?

+0

你用于测试由“双击”任何机会打开'.html'文件的代码?我的意思是在你的浏览器URL开始'file:///' – yuriy636

+0

是的即时通讯使用该原因:/? –

回答

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> 
+0

它不起作用;/ –

+0

看看这里https://jsfiddle.net/5fnvyxLo/1/ –

+0

它甚至没有包装在一个div中,所以我不明白这个答案的重点:https: //jsfiddle.net/5fnvyxLo/3/ – yuriy636

0

如果没有本地服务器打开的网页(直接在浏览器中打开该文件)您使用的是file://协议,该协议是基于本地文件系统。

您可以利用//

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

这意味着导入Twitter的脚本 “使用当前协议”。这用于不想知道网站是使用http还是https,以避免在https网站中导入http资源时出现问题。

这是一个问题,因为Twitter的脚本在Internet中,而不是在本地文件系统上。

更改手动脚本src协议httphttps(优选地),以便它脚本可 检索。

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