ローカルJavaScriptファイルのリンクされた参照をGitHubのrawバージョンに変更しようとすると、テストファイルが機能しなくなります。エラーは：

...からのスクリプトの実行は拒否されました。MIMEタイプ（text/plain）が実行可能ではなく、厳密なMIMEタイプチェックが有効になっているためです

この動作を無効にする方法はありますか、またはGitHubのrawファイルへのリンクを許可するサービスはありますか？

作業コード：

<script src="bootstrap-wysiwyg.js"></script>

機能しないコード：

<script src="https://raw.github.com/mindmup/bootstrap-wysiwyg/master/bootstrap-wysiwyg.js"></script>

そこで、このための良い回避策は使用することによって、今、jsdelivr.netを。

手順：

1. GitHubでリンクを見つけ、「Raw」バージョンをクリックします。
2. URLをコピーします。
3. 変更raw.githubusercontent.comへcdn.jsdelivr.net
4. /gh/ユーザー名の前に挿入します。
5. branch名前を削除してください。
6. （オプション）リンク先のバージョンを挿入します@version（これを行わない場合は、最新のものが取得されます-長期キャッシュが発生する可能性があります）。

例：

http://raw.githubusercontent.com/<username>/<repo>/<branch>/path/to/file.js

このURLを使用して、最新バージョンを取得します。

http://cdn.jsdelivr.net/gh/<username>/<repo>/path/to/file.js

このURLを使用して、特定のバージョンを取得するか、ハッシュをコミットします。

http://cdn.jsdelivr.net/gh/<username>/<repo>@<version or hash>/path/to/file.js

本番環境では、ブランチではなく、特定のタグまたはコミットハッシュをターゲットにすることを検討してください。最新のリンクを使用すると、ファイルが長期間キャッシュされ、新しいバージョンをプッシュしてもリンクが更新されない場合があります。commit-hashまたはタグによってファイルにリンクすると、リンクがバージョンに固有になります。

なぜこれが必要なのですか？

2013年、GitHubは X-Content-Type-Options: nosniff。これは、より最近のブラウザーに厳密なMIMEタイプチェックを適用するように指示します。次に、サーバーから返されたMIMEタイプで生ファイルを返し、ブラウザーが意図したとおりにファイルを使用できないようにします（ブラウザーが設定を優先する場合）。

このトピックの背景については、このディスカッションスレッドを参照してください。

これはもう不可能です。GitHubはJavaScriptホットリンクを明示的に無効にしており、新しいバージョンのブラウザーはその設定を尊重しています。

準備完了：nosniffヘッダーがChromeとFirefoxに対応

rawgithub.comリダイレクトするrawgit.comので、上記の例は次のようになります

http://rawgit.com/user/package/master/link.min.js

GitHubページは、この問題に対するGitHubの公式ソリューションです。

raw.githubusercontenttext/plainファイルがCSSまたはJavaScriptファイルであっても、すべてのファイルがMIMEタイプを使用するようにします。したがってhttps://raw.githubusercontent.com/‹user›/‹repo›/‹branch›/‹filepath›、は正しいMIMEタイプではなくプレーンテキストファイルになり、それを介してリンクする<link href="..."/>か<script src="..."></script>、機能しません。CSSが適用されないか、JSが実行されません。

GitHub Pagesは特別なURLでリポをホストするため、ファイルをチェックインしてプッシュするだけで済みます。ほとんどの場合、GitHubページでは特別なブランチにコミットする必要があることに注意してください。gh-pages。

新しいサイト（通常は）https://‹user›.github.io/‹repo›では、gh-pagesブランチにコミットされたすべてのファイル（最新のコミット）がこのURLに存在します。だからあなたはあなたのjsファイルにリンクすることができ<script src="https://‹user›.github.io/‹repo›/file.js"></script>、これは正しいMIMEタイプになります。

ビルドファイルはありますか？

個人的には、このブランチをと並行して実行することをお勧めしmasterます。上のgh-pages枝は、あなたの編集できる.gitignoreようにファイルをチェックインしている間、あなたのサイトのために必要なすべてのDIST /ビルドファイル（例えば、あなたがどんな縮小さ/コンパイルされたファイルを持っている場合）、それらは無視保つことであなたのmasterの枝。通常は、通常のリポジトリのビルドファイルの変更を追跡する必要がないため、これは便利です。ホストされているファイルを更新するたびmasterにgh-pages、にマージし、再構築、コミットしてからプッシュするだけです。

（ヒント：次の手順で同じコミットでマージおよび再構築できます:)

$ git checkout gh-pages
$ git merge --no-ff --no-commit master  # prepare the merge but don’t commit it (as if there were a merge conflict)
$ npm run build                         # (or whatever your build process is)
$ git add .                             # stage the newly built files
$ git merge --continue                  # commit the merge
$ git push origin gh-pages

上記の答えは明確に質問に答えますが、私は別の選択肢を提供したいと思います-同様の問題を解決するための別のビュー/アプローチ。

ブラウザ拡張機能を使用してX-Content-Type-Options、raw.githubusercontent.comファイルの応答ヘッダーを削除することもできます。応答ヘッダーを変更するブラウザー拡張機能がいくつかあります。

1. リクエスト：Chrome + Firefox
2. ヘッダーの変更：Firefox

Requestlyを使用している場合、2つの解決策を提案できます

解決策1：ヘッダー変更ルールを使用して応答ヘッダーを削除する

手順

1. http://www.requestly.inからRequestlyをインストールする
2. ルールページに移動
3. ルールを作成するには、アイコンの追加をクリックします
4. [ヘッダーの変更]を選択します
5. 名前と説明を付ける
6. 選択Remove-> Response->X-Content-Type-Options
7. 「ソース」フィールドにUrl-> Contains-> と入力しますraw.githubusercontent.com

解決策2：ホストルールの置換を使用する

1. http://www.requestly.inからRequestlyをインストールする
2. ルールページに移動
3. ルールを作成するには、アイコンの追加をクリックします
4. 交換するraw.githubusercontent.comとrawgit.com

詳細については、このスクリーンショットを確認してください

テストする方法

コードでスクリプトとして生のgithubファイルを使用できるかどうかをテストするために、簡単なJS Fiddleを作成しました。これ が次のコードのフィドルです

<center id="msg"></center>

<script src="https://raw.githubusercontent.com/sachinjain024/practicebook/master/web-extensions-master/storage/background.js"></script>
<script>
try {
  if (typeof BG.Methods !== 'undefoned') {
    document.getElementById('msg').innerHTML = 'Script evaluated successfully!';
  }
} catch (e) {
  document.getElementById('msg').innerHTML = 'Problem evaluating script';
}
</script>

が表示されるScript evaluated successfully!場合Problem evaluating scriptは、コードでraw githubファイルを使用できることを意味します。それ以外の場合は、raw githubソースからスクリプトを実行しているときに問題が発生していることを示しています。

また、これについてRequestlyブログに記事を書きました。詳しくはこちらをご覧ください。

それが役に立てば幸い！！

免責事項：私はRequestlyの作者ですので、あなたが好きではないもののせいにすることができます。

https://raw.githack.com/

このサイトがCDNを提供していることがわかりました

• nosniffhttpヘッダーを削除
• mime typeext名で修正

そしてこのサイト：

https://rawgit.com/

注：RawGitは耐用年数の終わりに達しました

明確かつ簡潔にするため

//raw.githubusercontent.com -> //rawgit.com

これはrawgitの開発ホスティングによって処理され、本番ホスティングのcdnではないことに注意してください。

私の使用例は、Githubと同じ制限を持つ私のBitbucketアカウントから「bookmarklets」ディレクトリをロードすることでした。私が思いついた回避策は、スクリプトのAJAXを実行evalして応答文字列で実行することでした。以下のスニペットは、そのアプローチに基づいています。

<script>
    var sScriptURL ='<script-URL-here>'; 
    var oReq = new XMLHttpRequest(); 
    oReq.addEventListener("load", 
       function fLoad() {eval(this.responseText + '\r\n//# sourceURL=' + sScriptURL)}); 
    oReq.open("GET", sScriptURL); oReq.send(); false;
</script>

sourceURLコメントの追加は、ブラウザの開発者ツール内でスクリプトをデバッグできるようにするためのものです。

ファイルがgithubにアップロードされると、外部ソースまたは無料のホスティングとして使用できます。トロイ・アルフォードは上でそれを十分に説明しました。しかし、簡単にするために、サイトでgithub rawファイルを使用して、簡単な手順を説明しましょう。

ファイルのリンクは次のとおりです。

https://raw.githubusercontent.com/mindmup/bootstrap-wysiwyg/master/bootstrap-wysiwyg.js

これを実行するには、https：//を削除する必要がありますとrawとgithubusercontentの間のドット（。）あります

このような：

rawgithubusercontent.com/mindmup/bootstrap-wysiwyg/master/bootstrap-wysiwyg.js

このリンクにアクセスすると、JavaScriptを呼び出すために使用できるリンクが表示されます。

これが最後のリンクです。

https://rawgit.com/mindmup/bootstrap-wysiwyg/master/bootstrap-wysiwyg.js

同様に、cssファイルをホストする場合は、上記のように実行する必要があります。これは、githubでホストされている外部のCSSまたはJavaScriptファイルを呼び出すための簡単なリンクを取得する最も簡単な方法です。

これがお役に立てば幸いです。

参照URL：http ://101helper.blogspot.com/2015/11/store-blogger-codes-on-github-boost-blogger-speed.html

ファイルの先頭のコメントが原因でエラーが表示されたことがわかりました。コメントなしで独自のファイルを作成してgitにプッシュするだけでこの問題を解決でき、エラーは表示されません

証明のために、簡単なページ付けの同じコードでこれらの2つのファイルを試すことができます。

コメントなし

コメント付き

私はあなたと同じ問題を抱えていました、私がしたことは

<script type="application/javascript" src="bootstrap-wysiwyg.js"></script>

わたしにはできる。

最も簡単な方法：
<script type="text/plain" src="http://raw.githubusercontent.com/user/repo/branch/file.js"></script>
GitHubにで役立った、
と

非常に

raw.github.comファイルアセットへの生のアクセスではなく、Railsによってレンダリングされたビューです。そのため、アクセスraw.github.comは必要以上に重いです。がraw.github.comRailsビューとして実装されている理由がわかりません。このルートの問題を修正する代わりに、GitHubはX-Content-Type-Options: nosniffヘッダーを追加しました。

回避策：

• スクリプトを user.github.io/repo
• rawgit.comのようなサードパーティのCDNを使用します。

あるいは、サーバー側でマークアップを生成する場合は、フェッチして注入するだけです。たとえば、JSTLでは次のようにできます。

<script type="text/javascript">
    <c:import url="https://raw.github.com/mindmup/bootstrap-wysiwyg/master/bootstrap-wysiwyg.js" />
</script>

理由のためにホットリンクを許可していないので、良き市民になりたいのであれば、おそらく悪い形です。そのJavaScriptをキャッシュし、実際に定期的に再フェッチすることをお勧めします。

例

元の

https://raw.githubusercontent.com/antelove19/qrcodejs/master/qrcode.min.js

cdn.jsdelivr.net

https://cdn.jsdelivr.net/gh/antelove19/qrcodejs/qrcode.min.js