使用Grunt进行DOM更改

时间:2015-08-17 18:37:35

标签: image responsive-design attributes gruntjs

所以我想使用Lazysizes(延迟加载响应图像)。我的Grunt堆栈中包含了Responsive Images Extender,它可以输出响应式图像代码(srcset),而不仅仅是包含一个" img"标记为" src"属性。 Lazysizes需要" data-srcset"取代" srcset"但是,属性。我在我的页面中添加了一个脚本,用于更改" srcset"属性为" data-srcset"属性,但这并不理想,因为图像已经在运行时下载。如果我可以用Grunt更改标签,那将是理想的,因为改变它们没有优势。

这似乎很常见,但我找不到一个好方法。字符串替换似乎不是一个理想的解决方案,因为如果我使用" srcset ="它会导致问题。在我的代码中。

2 个答案:

答案 0 :(得分:1)

我对grunt-responsive-images-extender进行了重大修改,并添加了通过srcsetdata-srcset的属性名称更改为您想要的任何内容(srcsetAttributeName)的可能性选项。

答案 1 :(得分:0)

有一种叫做dom_munger的咕噜咕噜声。使用dom_munger,您可以更改HTML属性并执行许多有趣的操作;但是我找不到将属性名称更改为其他内容的方法。你可以更好地检查一下。