gpt4 book ai didi

javascript - 在 chrome 开发控制台中显示重复的 ID

转载 作者:行者123 更新时间:2023-12-05 00:45:20 25 4
gpt4 key购买 nike

有没有办法让 chrome 开发控制台就页面上的重复 ID 发出警告?我无法告诉你有多少次我被一个问题难住了,最后才意识到 2 个元素共享相同的 id 并弄乱了代码。有没有人对如何捕捉像这样的事情以及 chrome 默认情况下似乎没有警告的任何其他建议?

最佳答案

在 devtools 中运行它会将它们打印出来

const dupes = Object.entries(
[...document.querySelectorAll("[id]")]
.map((x) => x.id) /* get all ids */
.reduce(
(acc, id) => ({ ...acc, [id]: (acc[id] || 0) + 1 }),
{}
) /*count them*/
).filter(([_key, val]) => val > 1); /* find the ones repeating more than once */

console.warn(dupes);

关于javascript - 在 chrome 开发控制台中显示重复的 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63963835/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com