在手机/平板电脑设备上跳过加载某个div

Question

我正在使用display:none;隐藏某个div，并在移动/平板电脑浏览器上显示时显示另一个div，但加载时间有点慢。

无论如何，浏览器可以在较小的屏幕上跳过加载我要隐藏的div 吗？

目前，当它在较小的屏幕上运行时，浏览器仍会加载该div的信息，现在我想完全跳过它。

Answer 1

我认为不可能跳过加载内容（无论如何都是客户端），但是你可以延迟加载内容，直到你弄清楚它是否需要。对于图像标签，您可以在页面加载后简单地设置src属性（使用jquery或其他）。

Answer 2

将不支持移动的div html片段放入... 仅在屏幕不小时才加载并附加div片段。

主要的HTML：

<div id="container"></div>

仅为大屏幕加载div片段：

<div>some content not visible on small screens</div>

主要的html - 当屏幕不小时要执行的jquery js代码：

$(function(){
   if(/*screen check condition*/){
      $('#container').load('div-frag.html');
   }
});