推特按钮无法加载资源 file://platform.twitter.com/widgets.js

Twitter button failed to load resource file://platform.twitter.com/widgets.js

本文关键字：platform twitter com js widgets file 按钮 资源 加载      更新时间：2023-09-26

将Twitter按钮的以下代码复制并粘贴到文本文件中时：

<a href="https://twitter.com/share" class="twitter-share-button" data-via="jpkcambridge">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

我收到一个 javascript 错误，说"无法加载资源 file://platform.twitter.com/widgets.js">

可能是什么原因造成的？ 以为我应该能够从推特复制和粘贴代码。

您正在尝试在本地文件中加载无协议 URL。Twitter通过//platform.twitter.com/widgets.js提供其脚本，该脚本在本地转换为file:协议。这是提供内容的最佳实践(它不会在IE中生成那些烦人的混合内容警告(，但在本地文件中不起作用。

尝试将脚本的该行更新为 https://platform.twitter.com/widgets.js 。这应该可以帮助您在本地进行测试;完成测试后，将其翻转回无协议结构。

您确定输入的代码正确吗？尝试为按钮使用直接链接目标，如下所示：只需将 URL 更改为您要指向的任何位置，将用户名更改为您使用的任何用户名即可。此代码是来自网站的代码：

<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://anawesomesite.html" data-text="super site of awesome" data-via="Username" data-related="face" data-hashtags="emplosion">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

src 应该是"https://......"而不仅仅是"//....." ？

相关文章：