Ana içeriğe geç

Konsolda Content Security Policy (CSP) hatası

Son güncelleme: 01 Haz 20261 dk okuma süresi

Content Security Policy (CSP) ne anlama gelir?​

Web siteleri, Content-Security-Policy HTTP yanıt başlığını ayarlayarak veya HTML içinde http-equiv="Content-Security-Policy" özniteliğine sahip bir meta etiketi kullanarak bir Content Security Policy (CSP) oluşturabilir.

Sunucudan gelen tüm içeriğe otomatik olarak güvenmek yerine, CSP hangi kaynakların güvenli sayıldığını belirler. Tarayıcı, yalnızca bu güvenilir kaynaklardan gelen betikleri, stilleri veya diğer kaynakları çalıştırır.

Hatayı nasıl tanırsınız​

Aşağıdaki durumlarda Varify.io'yu kullanmak için CSP'nizi güncellemeniz gerekir:

  1. Tarayıcı konsolunda şuna benzer bir hata görüyorsanız:
  • This page uses security features that are incompatible with the varify.io editor.
  1. Google Developer Tools'ta şuna benzer bir hata görüyorsanız:
  • Refused to execute editor.varify.io because it violates the following Content Security Policy directive...
  1. Şuna benzer bir hata görüyorsanız:
  • Content Security Policy of your site blocks the use of 'eval' in JavaScript.

Hata nasıl düzeltilir​

Web siteniz bir Content Security Policy (CSP) kullanıyorsa, lütfen aşağıdaki değerleri girin:

  • https://app.varify.io
  • https://editor.varify.io
  • https://ip.varify.dev (yalnızca IP servisi geohedefleme için kullanılıyorsa gereklidir)
  • https://ai-proxy.varify.io (yalnızca editörde AI servisleri kullanılıyorsa gereklidir)

script-src direktifinde ayrıca unsafe-eval değerine de ihtiyacın var.

Responsive Device Switcher'ın çalışması için domain'inin frame-ancestors ve frame-src direktiflerinde de belirtilmiş olması gerekir.

Uygun bir CSP örneği:

Content-Security-Policy: frame-ancestors {YOUR_DOMAIN}; frame-src {YOUR_DOMAIN} https://editor.varify.io; script-src 'unsafe-eval' https://app.varify.io https://editor.varify.io; connect-src https://ip.varify.dev

Not: unsafe-eval girdisi, kullanıcı tanımlı JavaScript'in varyasyonlar içinde çalıştırılabilmesi için gereklidir.