iframe kodunuzu html sayfanizda tanımlayın örneğin
<iframe id="myIframe" src="https://example.com"></iframe>
JavaScript ile İframe'ı kontrol edin ve gizleyin
<script>
// Tarayıcı penceresinin genişliğini kontrol ederek cihazı belirleyebilirsiniz
const isMobile = window.innerWidth < 768; // Örnek bir sınırlayıcı genişlik
// İframe'ı alın
const iframe = document.getElementById('myIframe');
// Mobil cihazdaysanız İframe'ı gizleyin, aksi takdirde gösterin
if (isMobile) {
iframe.style.display = 'none';
} else {
iframe.style.display = 'block'; // Veya 'initial' kullanarak varsayılan değere dönebilirsiniz
}
</script>
Yukarıdaki kod, tarayıcı penceresinin genişliğini kontrol ederek cihazı (mobil veya masaüstü) belirler ve İframe'ı bu bilgiye göre gizler veya gösterir. Mobil cihazlar için, İframe'ın display özelliğini none yaparak gizlersiniz. Masaüstü cihazlar için ise İframe'ı görünür yaparsınız.
Dikkat etmeniz gereken şey, tarayıcı genişliği sınırlarını nasıl tanımladığınızı ve hangi cihazları mobil veya masaüstü olarak kabul ettiğinizi belirlemenizdir. Yukarıdaki kod, sadece basit bir örnektir ve ihtiyaçlarınıza göre özelleştirebilirsiniz.