jquery ready里移除了DOM,里面的图片还会加载吗?

Question

jQuery(document).ready(function($) {
    if (/Android|webOS|weixin|wechat|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
        $('.pconly').remove();
    } else {
        $('.mobileonly').remove();
    }
});

比如这样子,dom加载后根据浏览器,把不需要的部分remove,这样里面的图片会加载(拖慢速度)吗?

---

好吧,自己测了一下,还是会加载.
有没有办法阻止呢?

Answer 1

都ready了当然会加载
解决方法很多，举两个例子吧
1.将图片的加载方式换用懒加载
2.对应模块在编译阶段判断

Answer 2

jQuery(document).ready(function($) {
            if (/Android|webOS|weixin|wechat|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
                $('.pconly').remove();
            } else {
                $('.mobileonly').remove();
            }
            $('img[data-src]').each(function(index, el) {
                $(this).attr({
                    src: $(this).data('src')
                });
            });
        });
      // 懒加载吧..