Question

在这篇文章What is the best way to detect a mobile device in jQuery?中，我找到了这段代码：

＆＃13;

function detectmob() {
   if(window.innerWidth <= 800 && window.innerHeight <= 600) {
     return true;
   } else {
     return false;
   }
}

＆＃13;

我有一个网站，通过Googles测试＆＃34;移动友好＆＃34;没有我的时事通讯/电子课程的任何弹出窗口。

我尝试了上面的脚本，它会运行scitps，但是对于弹出块的大小，表单太大了。

我想阻止脚本以防止弹出显示，我试图调整块的大小，但是当我这样做时，对于屏幕尺寸小于400像素的设备来说它变得不可读。

非常感谢任何帮助。

CSS：

#mobile-only{
    display:none;
}

HTML：

＆＃13;

<div id="mobile-only">
<script async type="text/javascript" src="http://forms.aweber.com/form/19/37402019.js"></script>


</div>

＆＃13;

java脚本是一个表格，将在10秒延迟后显示，表格为800x800像素，这对于大多数移动设备来说非常大，读者无法向右滚动表单触摸＆＃39; x＆＃39;关闭表格。

在测试CSS和HTML后，脚本仍然运行。

Answer 1

请参阅以下代码并尝试使用。

$(document).ready(function(){
var x = $(window).width();
if(x >= 400)
{
 $('#mobile-only').append('<script async type="text/javascript" src="http://forms.aweber.com/form/19/37402019.js"></script>');  
};
});

需要考虑的事项

现在，如果您想担心如果用户在桌面上调整窗口大小时该怎么做，您可以使用以下项目来处理这些事件以获取帮助：

我希望这有帮助！

Answer 2

使用A.Sharma的上述代码我修改了它：

<script>
$(document).ready(function(){
var x = $(window).width();
if(x >= 400)
{
 $('#desktop-only').append('async type="text/javascript" src="http://forms.aweber.com/form/19/37402019.js"');  
}
)};
   </script>

其中'＃desktop-only'是任何桌面内容的CSS容器，这些内容不适合移动设备（桌子，大型高分辨率图像等）或将填满屏幕超出设备的可接受限制

此代码无法运行，但它似乎是阻止javascript运行的最佳方式。

有任何修改建议让它运行吗？

谢谢！

阻止移动设备中的javascript激活

2 个答案: