Question

我在开发方面没有太多经验，所以我非常感谢有关防止图像在移动设备上加载的解决方案的帮助。
我做的是删除了＆＃34; .jpg＆＃34; src属性中的扩展名。比起JavaScript，在测试移动浏览器后，我把它带回来它看起来像这样：

HTML中的

：

<div id="divMyImages">  
   <img src="images/image1" alt="view1" />
   <img src="images/image2" alt="view2" />
   <img src="images/image3" alt="view3" />
   <img src="images/image4" alt="view4" />
</div>

JavaScript中的

：

var divMyImages = document.getElementById("divMyImages");
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && screen.width<=480)
{
   divMyImages.innerHTML = "<p>Only available on desktop version</p>";
}
else
{
   var divMyImagesChilds = divMyImages.childNodes;
   for (var i=0; i<divMyImagesChilds.length; i++)
   {
      if (divMyImagesChilds[i].nodeType==1)
      {
         var srcAttribute = divMyImagesChilds[i].getAttribute("src");
         divMyImagesChilds[i].setAttribute("src",srcAttribute+".jpg");
      }
   }
}

很抱歉，如果这不是一个合适的问题，但如果有人因为某种原因可以说出错误的方法，那么它会有很多意思吗？

通过删除扩展程序阻止图像在移动设备上加载？

0 个答案: