使用 Grunt 进行 DOM 更改答案

【问题标题】：Use Grunt to make DOM changes使用 Grunt 进行 DOM 更改
【发布时间】：2015-08-17 18:37:35
【问题描述】：

所以我想使用 Lazysizes（延迟加载响应式图像）。我的 Grunt 堆栈中包含响应式图像扩展器，它通过简单地包含带有“src”属性的“img”标签来输出响应式图像代码（srcset）。然而，Lazysizes 需要“data-srcset”属性来代替“srcset”属性。我在页面中添加了一个脚本，将“srcset”属性更改为“data-srcset”属性，但这并不理想，因为图像已在运行时下载。如果我可以用 Grunt 更改标签，那将是理想的，因为实时更改它们没有任何优势。

这似乎是一件很常见的事情，但我找不到一个好的方法来做到这一点。字符串替换似乎不是一个理想的解决方案，因为如果我在代码中使用“srcset=”可能会导致问题。

【问题讨论】：

标签： image responsive-design attributes gruntjs

【解决方案1】：

我对@987654321@ 进行了重大改造，并添加了通过srcsetAttributeName 选项将srcset 的属性名称更改为您想要的任何名称（在您的情况下为data-srcset）的可能性。

【讨论】：

【解决方案2】：

有一个叫dom_munger的咕噜咕噜的棕褐色。使用 dom_munger，您可以更改 HTML 属性并做很多有趣的事情；但是我找不到将属性名称更改为其他名称的方法。也许你可以检查一下。

【讨论】：