Twitter的按鈕無法加載資源文件：//platform.twitter.com/widgets.js

Question

當複製和粘貼了一個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錯誤說'加載資源文件失敗：//platform.twitter.com/widgets.js'

這是什麼原因造成的？以爲我應該能夠從Twitter上覆制和粘貼代碼。

Answer 1

您正試圖在本地文件中加載無協議URL。 Twitter通過//platform.twitter.com/widgets.js提供腳本，這在本地轉換爲file:協議。這是提供內容的最佳實踐（它不會在IE中產生令人討厭的混合內容警告），但只是在本地文件中不起作用。

嘗試將腳本的該行更新爲https://platform.twitter.com/widgets.js。這應該有助於您在本地進行測試一旦你完成測試，將其翻轉回無協議結構。

Answer 2

您確定您輸入的代碼正確嗎？ 嘗試使用如下這樣的按鈕的直接鏈接目標： 只需將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> 

Answer 3

應該在src是 「https：//開頭......」，而不僅僅是 「// ......」？