根据屏幕大小禁用javascript

时间:2016-04-09 23:00:19

标签: javascript

好的,所以这可能是不可能的,但我认为是,我对此完全是新的,所以我试过的可能显然不起作用但我当时不知道。我的网站移动响应,没有针对移动网站的单独网页,因此将代码单独放入页面也不起作用。

我试过了:

<style>
@media screen and (max-width: 720px) {
#div {
display:none;
  }
}
</style>

<div id="div">
<script type="text/javascript"> 
  var adfly_id = ID; 
  var popunder_frequency_delay = 0; 
</script> 
<script src="https://cdn.adf.ly/js/display.js"></script>
</div>

哪个不起作用。我在这里的某个地方见过这段代码

if(screen.width < 720) { 
    // do any 720 width stuff here, or simply do nothing
    return;
} else {
    // do all your cool stuff here for larger screens
}

但我不知道如何将adfly代码放入其中。

编辑:

感谢那些回复的人,我得知Praveen Kumar的回答是有效的,但奇怪的是它仍然会在桌面上加载广告,无论它在手机上的分辨率如何都很完美...... Siguza我会先给你们这样的人知道以备将来参考。然后我会再次编辑......

编辑II:

为了将来的参考,Siguza的方法也有效,如果其他人偶然发现了这个问题,那么你可以拍下你的照片。 Praveen Kumar方法也适用于最短的广告,对于任何可能使用它们而不是adfly的人来说都是我使用的。

<script type="text/javascript">
if(screen.width < 720) { 
  var adfly_id = null; 
  var popunder_frequency_delay = null;
} else {
  // do all your cool stuff here for larger screens
    var adfly_id = ID; 
    var popunder_frequency_delay = 0;
}
      </script>
<script src="https://cdn.adf.ly/js/display.js"></script>
<script type="text/javascript">
if(screen.width < 720) { 
//screens bigger than 720
} else {
//shortest advertisement code                        
}
</script> 

1 个答案:

答案 0 :(得分:1)

可能是一个黑客工作。如果仅当您拥有有效的$('.comment').click(function(){ $(this).prev().show(); }); 时才有效,请执行以下操作:

adfly_id

这可能会使您尝试初始化的adfly内容失败。

但正确的做法是:

if(screen.width < 720) { 
  var adfly_id = null; 
  var popunder_frequency_delay = null;
} else {
  // do all your cool stuff here for larger screens
  var adfly_id = ID; 
  var popunder_frequency_delay = 0; 
}

ps:这里的if(screen.width < 720) { // Bye bye. } else { // do all your cool stuff here for larger screens require("awesome.js"); } 函数是一个包含并激活JavaScript文件的伪函数。该代码的示例将是:

require()