Javascript ile tarayıcıya göre sorgu oluşturma

Merhaba,

Bu yazım da masaüstü sitesinde göstermeyip, mobil de gösteren veya masaüstünde gösterip, mobil de göstermeyen bir sınıfı ilgili dive ekleyen bir sorgu kodlamasını göstereceğim.

Örneğin, siteniz açıldığın da ekrana gelen tanıtım videonuz var. Bunu lightbox ile yaptınız. Ama mobil de göstermesini istemiyorsunuz. O zaman aşağıda belirteceğim kod tam size göre.

Benim bir modalNesne adı altında bir ID’im var.

HTML kodlaması ;

‘

<div id=”modalNesne” class=”modal fade” style=”margin-top: 75px;”>
<div class=”modal-dialog” style=”max-width: 950px !important;”>
<div class=”modal-content”>
<div class=”modal-header”>
<button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”>&times;</button>
</div>
<div class=”modal-body”>
<iframe width=”100%” height=”515″ src=”#” frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe></div>
</div>
</div>
</div>

‘

Javascript kodu ;

<script type=”text/javascript”>
$(document).ready(function(){
//sayfa açıldığında otomatik açılması için

if (/Android|webOS|iPhone|iPad|iPod|pocket|psp|kindle|avantgo|blazer|midori|Tablet|Palm|maemo|plucker|phone|BlackBerry|symbian|IEMobile|mobile|ZuneWP7|Windows Phone|Opera Mini/i.test(navigator.userAgent)){
$(“#modalNesne”).modal(‘hide’);
} else {
$(“#modalNesne”).modal(‘show’);
};
});

</script>

Umarım işinize yarar.

Sorularınız veya yorumlarınız için aşağıda ki yorum alanlarını kullanabilirsiniz.

Teşekkürler.

Saygılarımla,

Mehmet Buğra Sezer