Responsive Device Switcher veya Add CSS/JS çalışmıyor
Hatayı nasıl tanırsınız
Web sitenizi duyarlı (responsive) şekilde görüntülemek ve düzenlemek istiyorsanız veya varyantınıza CSS/JavaScript eklemek istiyorsanız, ancak web siteniz yüklenmiyor ve bir hata gösteriyorsa, bunun nedeni framing kısıtlamalarıdır.
Hata nasıl düzeltilir
Çözüm 1: Varify.io® Chrome Uzantısını Kullanma
Varyantlarını yine de oluşturabilmen için, Varify.io® Chrome Uzantısı ile bu framing kısıtlamasını aşma seçeneğin var.
- Varify® Chrome Uzantısını indir
- Tarayıcında etkinleştir ve Varify® kod parçacığını kaydet
- "Allow Responsive Device Switcher" düğmesini etkinleştir
- Sayfayı yeniden yükle - Hazır!
Artık her şey beklendiği gibi çalışmalı.
Kurulum ve etkinleştirme ile diğer fonksiyonlar hakkında daha ayrıntılı bir açıklamayı burada bulabilirsin: Varify® Chrome tarayıcı uzantısı
Çözüm 2: X-Frame seçeneklerini kendi web sitende özelleştirme
Yukarıdaki ekran görüntüsündeki gibi bir hata mesajı görüyorsanız, bir framing kısıtlaması sayfayı duyarlı cihaz değiştiricisinde yüklemenize izin vermiyor demektir.
Görsel editörün normal masaüstü görünümü framing kısıtlamalarından etkilenmez.
Sayfanız X-Frame-Options yanıt başlığı "deny" değeriyle sunuluyorsa, duyarlı düzenleme kullanılamaz.
Bu durumda mantıklı bir çözüm, kısıtlamayı X-Frame-Options: "sameorigin" olacak şekilde gevşetmek olacaktır.
X-Frame-Options: "sameorigin", sayfalarınızın kendi alan adınızdan bir çerçeve içinde gömülmesine izin verir, ancak başka web sitelerinden gömülmesine izin vermez.