iframe Korumalı Alanı ve İzinler İlkesi

Bir gömülü çerçevedeki güvenilmeyen içerik (üçüncü taraf bileşenleri, kullanıcı tarafından gönderilen HTML önizlemeleri, gömülü oyunlar) tam tarayıcı yeteneklerine sahip olmamalıdır. sandbox özniteliği, gömülü çerçevenin yapabileceklerini kısıtlayarak kötü amaçlı olduğu anlaşılırsa oluşacak zararı azaltır.

<iframe sandbox src="..."> değeri olmayan kullanım, tüm kısıtlamaları uygular: betik yok, form yok, açılır pencere yok, üst düzey gezinme yok, eklenti yok ve benzersiz bir kaynak olarak ele alınır. Bunu başlangıç noktası olarak kullanın ve yalnızca gömülü içeriğin ihtiyaç duyduğu özellikleri ekleyin.

Yalıtım belirteçleri belirli yetenekleri yeniden etkinleştirir: sandbox="allow-scripts allow-same-origin" betik çalıştırmaya ve aynı kaynak erişimine izin verir. Her belirteç bir kısıtlamayı gevşetir; gömülü çerçevenin gerçekten ihtiyaç duyduğu en küçük kümeyi birleştirin.

allow-scripts JS'yi etkinleştirir. allow-forms form gönderimini etkinleştirir. allow-popups window.open kullanımını etkinleştirir. allow-same-origin gömülü çerçevenin benzersiz bir kaynak olarak ele alınmasını önler (localStorage için gereklidir). allow-top-navigation üst pencereye gezinmeye izin verir.

allow-scripts ile allow-same-origin belirteçlerini sizin de barındırdığınız bir gömülü çerçeve için birleştirmek, gömülü çerçeveye kaynağınıza tam erişim verir; kendi yalıtımını kaldırma yeteneği de buna dahildir. Bu ikisini yalnızca güvenilir içerik için birleştirin; güvenilmeyen içerikte aynı kaynak iznini vermeyin.

İzinler Politikası (eskiden Özellik Politikası olarak adlandırılırdı), sayfanın ve gömülü çerçevelerinin hangi tarayıcı arayüzlerini (kamera, mikrofon, coğrafi konum, tam ekran, otomatik oynatma) kullanabileceğini denetler. Ana sayfada ayarlayın: Permissions-Policy: geolocation=() coğrafi konumu her yerde engeller.

Bir gömülü çerçevedeki allow özniteliği, o çerçeve için ana sayfanın politikasını geçersiz kılar: <iframe allow="camera; microphone">, ana sayfanın varsayılan politikası bunları reddetse bile ilgili arayüzlerin gömülü çerçevede kullanılmasına izin verir.

Belirtimler sürekli gelişen bir listedir: kamera, mikrofon, coğrafi konum, ivmeölçer, jiroskop, manyetometre, ödeme, USB, MIDI, tam ekran, otomatik oynatma, resim içinde resim ve daha onlarcası. Listeyi denetleyin ve sayfanızın ihtiyaç duymadığı her şeyi açıkça reddedin.

İzinler Politikası, CSP'nin raporlama adresi gibi, ihlalleri yapılandırılmış bir uç noktaya bildirir. Geçiş sırasında bunu kullanın: katı bir politika etkinleştirin, neyin bozulduğunu izleyin ve ardından meşru özellikler için ölçülü biçimde gevşetin.

Hassas sayfalar için Cross-Origin-Opener-Policy: same-origin ve Cross-Origin-Embedder-Policy: require-corp ayarlayın. Bu, sayfayı kaynaklar arası pencerelerden yalıtarak Spectre benzeri zamanlama saldırılarına karşı koruma sağlar ve SharedArrayBuffer kullanımını etkinleştirir.

Sandbox + Permissions Policy + CSP + COOP/COEP birlikte katman oluşturur. Her biri farklı bir saldırı sınıfına karşı koruma sağlar. Üçüncü taraf içeriğini gömmek, tek bir önlemin yeterli olmayacağı kadar risklidir; bir önlemin aşılması diğerinin bunu yakalayacağı şekilde hepsini birleştirin.

Sandbox ve izin ihlallerini ortaya çıkarmak için Chrome DevTools içindeki Ağ panelini ve Sorunlar panelini kullanın. Birçok ihlal sessizce gerçekleşir (arayüz yalnızca tanımsız döndürür veya vaadi reddeder); açık raporlama uç noktaları bunları üretimde keşfetmeye yardımcı olur.

Kendi kaynağınızda barındırılan bir gömülü çerçeve için sandbox="allow-scripts allow-same-origin" birleşimi neden potansiyel olarak tehlikelidir?

Gömülü çerçeveleri varsayılan olarak yalıtın ve yalnızca içeriğin ihtiyaç duyduğu belirteçleri ekleyin. Güvenilmeyen içerik için betik çalıştırma ve aynı kaynak izinlerini birlikte vermekten kaçının. Güçlü tarayıcı arayüzlerini site genelinde reddetmek için İzinler Politikası'nı, istisnalar tanımak için de gömülü çerçevenin allow özniteliğini kullanın. Katmanlı savunma için bunları CSP ve COOP/COEP ile birleştirin.