Detectar IDs duplicados en HTML

Situación: estás desarrollando esa página web compleja con bastante HTML, JavaScript, etc. En el servidor la página se monta a través de varios ficheros, componentes, etc. Sospechas que con tanto código repartido se te puede escapar un ID duplicado (el IDE no lo detectaría al estar el código fuente en varios ficheros).

Solucion: añadir un pequeño fragmento de código Javascript mientras estás desarrollando.

(function () {
    var ids   = {};
    var found = false;
    $('[id]').each(function () {
        var id = $(this).attr("id");
        if (id && ids[id]) {
            found = true;
            console.warn('Duplicate ID #' + id);
        }
        ids[id] = 1;
    });
    if (!found) console.log('No duplicate IDs found');
})();

Obtenido y modificado de StackOverflow.

Yo lo añado al final de mi bloque JavaScript de la página y lo elimino una vez he finalizado el trabajo con la misma.

También se puede crear con él un bookmarklet utilizando bookmarkleter.