HTML <script> crossorigin özelliği

HTML <script> etiketi

Tanım ve Kullanım

crossorigin Bu özellik, talep modunu HTTP CORS talebi olarak ayarlar.

Web sayfaları, diğer sunuculardaki kaynakları yüklemek için sıkça talepler gönderir. Bu, CORS'nin devreye girdiği yerdir.

Çapraz kaynak talepleri, diğer bir alanın kaynaklarına (örneğin, stiller, iframe, görseller, yazı tipleri veya betikler) yapılan taleplerdir.

CORS, çapraz kaynak taleplerini yönetmek için kullanılır.

CORS, Cross-Origin Resource Sharing (Cross-Origin Resource Sharing) anlamına gelir ve kendi alan dışındaki bir alanın diğer alanlardan bir web sayfasındaki kaynaklara erişim sağlama yeteneğini sağlayan bir mekanizmadır. Bu, tarayıcı ve sunucu arasındaki etkileşim yöntemlerini tanımlar ve çapraz kaynak taleplerinin güvenli olup olmadığını belirlemek için kullanılır. CORS, sunucunun kimin sunucudaki kaynaklara erişebileceğini belirlemesine olanak tanır ve diğer birçok işlev sunar.

İpucu:Cross-Origin Requestler ile karşıt olarak, Same-Origin Requestler vardır. Bu, web sayfasının sadece aynı sunucudaki diğer belgelerle etkileşimde bulunabileceği anlamına gelir. Bu strateji, etkileşimde bulunan belgelerin aynı kaynağa (alan adına) sahip olmasını zorunlu kılar.

İpucu:Ayrıca bkz: integrity özelliği。

Örnek

Bu, bir sunucudaki .js dosyasına yönlendirme bağlantısıdır. Burada, integrity ve crossorigin özelliklerini aynı anda kullandık:

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous">
</script>

Gramer

<script crossorigin="anonymous|use-credentials">

Özellik değeri

Değer Açıklama
  • anonymous
  • use-credentials

CORS istek modellerini tanımlar:

  • anonymous - Çapraz kaynağa yönlendirme gerçekleştir. Kimlik bilgilerini göndermez.
  • use-credentials - Çapraz kaynağa yönlendirme gerçekleştir. Kimlik bilgilerini gönder (örneğin: cookie, sertifika, HTTP temel kimlik doğrulama).

Tarayıcı Desteği

Tabloda sayılar, bu özelliği ilk tam olarak destekleyen tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
30.0 18.0 13.0 13.0 12.1

HTML <script> etiketi