javascript - 在移动/平板设备上跳过加载某个 div

Question

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

浏览器是否可以跳过加载div我想在较小屏幕上隐藏的内容？

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

Answer 1

放置不会为移动设备加载的div html片段...仅在屏幕不小时加载和附加div片段。

主要的html：

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

只为大屏幕加载的 div 片段：

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

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

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

Answer 2

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