93

イメージタグとスクリプトタグの両方。

私の理解では、他のドメインのスクリプトと画像の両方にアクセスできるということでした。では、いつこの属性を使用するのでしょうか?

これは、他のユーザーがスクリプトやイメージにアクセスする能力を制限したい場合ですか?

画像:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-crossorigin

スクリプト:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script

4

5 に答える 5

60

答えは仕様にあります。

の場合img:

crossorigin属性はCORS設定属性です。その目的は、クロスオリジン アクセスを許可するサードパーティ サイトからの画像を で使用できるようにすることcanvasです。

およびscript:

crossorigin属性はCORS設定属性です。他のオリジンから取得したスクリプトについて、エラー情報を公開するかどうかを制御します。

于 2013-08-20T13:53:36.050 に答える
38

これは、タグcrossoriginで属性 itをうまく使用する方法です。script

私たちが抱えていた問題：サーバーでjsエラーをログに記録しようとしていましたwindow.onerror

ログに記録したほとんどすべてのエラーに次のメッセージがScript error.ありました。これらの js エラーを解決する方法に関する情報はほとんど得られませんでした。

エラーを報告するためのクロムのネイティブ実装が判明しました

if (securityOrigin()->canRequest(targetUrl)) {
        message = errorMessage;
        line = lineNumber;
        sourceName = sourceURL;
} else {
        message = "Script error.";
        sourceName = String();
        line = 0;
}

は、リクエストされた静的アセットがブラウザの同一オリジン ポリシーに違反しているかのように送信messageします。Script error.

私たちの場合、cdn から静的アセットを提供していました。

crossoriginこれを解決した方法は、属性をscriptタグに追加することでした。

PSこの回答からすべての情報を取得しました

于 2015-01-13T22:59:59.737 に答える