javascript - 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://......" にする必要がありますか?