Descubrí que hay varias identificaciones duplicadas en el proyecto en el que estoy trabajando. No quiero raspar todo el producto de una vez, o usar una solución demasiado pesada como un validador de HTML completo; solo quiero un script rápido que pueda ejecutar en cualquier página determinada para identificar fácilmente cualquier ID duplicada presente mientras estoy Estoy trabajando allí.
Encontré una pregunta en este sentido, pero es muy antigua y solicita una solución jQuery: no usamos jQuery en este proyecto y, francamente, está bastante desactualizado.
Entonces: ¿qué es un pequeño fragmento de ES6 que puedo ejecutar en la consola para identificar ID duplicados en el DOM?
En JavasScript moderno (ES6+), sin jQuery:
[...document.querySelectorAll('[id]')].forEach(el => { const dups = document.querySelectorAll(`[id="${el.id}"]`); if (dups.length > 1 && dups[0] === el) { console.error(`Duplicate IDs #${el.id}`, ...dups); } });Todo el crédito a @Rafi: https://stackoverflow.com/a/62145753/1033203